echarts4.x 多组播放功能

Love The Way You Lie 2024-04-19 10:24 14阅读 0赞

var option=\{  
    timeline:\{  
        left:'120',  
        right:'120',  
        data:\['2013-01-01','2014-01-01','2015-01-01'\],  
        label : \{  
            formatter : function(s) \{  
                console.info(s)  
                return (new Date(s)).getFullYear();  
                \}  
            \},  
        autoPlay : true,  
        playInterval : 3000  
        \},  
    options:\[  
        \{  
            title : \{text: '第一次普查'\},  
            grid:\{  
                top: 80,  
                bottom: 100  
            \},  
            tooltip : \{trigger: 'axis'\},  
            xAxis:\{data:\['面积','蓄积','覆盖率'\]\},  
            yAxis:\{type : 'value'\},  
            series:\[\{name: '2013',type: 'bar',data:\[11,12,14\]\}\]  
        \},  
        \{  
            title:\{text:'第二次普查'\},  
            xAxis:\{data:\['面积','蓄积','覆盖率','沙漠化'\]\},  
            series :\[\{name: '2014',data:\[14,5,56,25\]\}\]  
        \},  
        \{  
            title:\{text:'第三次普查'\},  
            xAxis:\{data:\['沙漠化','覆盖率','蓄积'\]\},  
            series :\[\{name: '2015',data:\[12,45,26\]\}\]  
        \}  
    \]  
\};

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关 echarts4.x 多组播放功能

ar option=\{ timeline:\{ left:'120', right:'120', ...

Love The Way You Lie/ 2024年04月19日 10:24/ 0 赞/ 15 阅读

相关 Echarts数据可视化第3章 Echarts组件详解 3.4 图例

Echarts数据可视化文章目录 Echarts数据可视化第3章 Echarts组件详解 3

逃离我推掉我的手/ 2024年03月26日 16:53/ 0 赞/ 72 阅读

相关 Netty 4.x Netty 实现聊天功能

Netty 实现聊天功能 Netty 是一个 Java NIO 客户端服务器框架，使用它可以快速简单地开发网络应用程序，比如服务器和客户端的协议。Netty 大大简化了网

小咪咪/ 2023年10月08日 10:23/ 0 赞/ 48 阅读

相关 echarts X轴数据过多批量显示

echarts 数据过多显示影响视觉美观，例如下面这样以至于会更多： ![1733986-20190819095537411-1360549210.png][] 然后我在

柔光的暖阳◎/ 2023年06月02日 09:28/ 0 赞/ 52 阅读

相关 echarts拖动X轴

dataZoom: [ { type: "slider", show: t

约定不等于承诺〃/ 2022年10月17日 04:21/ 0 赞/ 243 阅读

相关 echarts echarts-x echarts-gl 制作3D地球

> 我的博客：[http://gongyanli.com/echarts-echarts-x-echarts-gl-%E5%88%B6%E4%BD%9C3D%E5%9C%B0%

ゝ一纸荒年。/ 2022年06月06日 10:21/ 0 赞/ 582 阅读

相关 Angular4+ echarts

【前言】最近接到了一个任务就是把前端的表格改成echarts折线图的样式。【过程】 1.添加插件 echart cnpm install echarts --sa

怼烎@/ 2022年04月22日 11:26/ 0 赞/ 288 阅读

相关 SpringBoot 2.x 学习笔记（4）:整合Echarts

1、下载Echarts [http://echarts.baidu.com/index.html][http_echarts.baidu.com_index.html]

谁借莪１个温暖的怀抱￠/ 2022年04月17日 06:29/ 0 赞/ 347 阅读

相关 D3 v4.x 的echarts化（2-5）—— 折线图

![70][] 折线图参考echarts示例：[http://www.echartsjs.com/examples/editor.html?c=line-smooth][ht

浅浅的花香味﹌/ 2021年09月16日 09:32/ 0 赞/ 358 阅读

相关 arcgis api 4.x 功能篇：graphic闪烁

falsh(graphic){ let temp = 0; let handler = setInter

太过爱你忘了你带给我的痛/ 2021年07月24日 22:32/ 0 赞/ 507 阅读