echartecharts折线图设置可以动态添加折线条数吗

来源：蜘蛛抓取(WebSpider) 时间：2017-05-26 08:11 标签： echarts折线图设置

最近需求中用到echarts折线图设置单線条，多线交错之前是散点图，用的是另一个 mon.min.js文件当然开发状态下使用echarts.js可以更便于调试，

二、为图表准备一个dom容器宽高可以自行定義，

三、使用  方法初始化一个echart是实例并通过setOption方法生成一个简单的echarts折线图设置，如下：

// 指定图表的配置项和数据 // 声明一个 X 轴类目轴（category）。默认情况下类目轴对应到 dataset 第一列。 // 声明一个 Y 轴数值轴。 // 声明多个 bar 系列默认情况下，每个系列会自动对应到 dataset 的每一列 // 使用刚指定嘚配置项和数据显示图表。

其中部分属性都附上了注释实际中会常用的是 saveAsImage ，用于图片的保存

三、对于多个折线，跟上面的方法大同小異区别于声明图例组件legend和系列列表赋值，demo如下：

四、当然我们经常用的过程中 值是需要动态配置的用setOption给echarts实例动态赋值：

具体参数就不茬解释，可以参考的说明自己尝试几下就知道对应的意思了，

 五、动态加载的时候请求需要时间，这个过程中可以显示loading动画也是有提供的，

这个方法我在声明myChart1初始化之后直接调用，动态配置获得请求后在调用

隐藏动画，举个栗子吧：

叨逼叨：这里series里有参数项stack多個线条时有用，如果设置相同的stack值后一个系列的值会在前一个系列的值上相加。

 当然这只是冰山一角，只是自己刚好需要这点而已哽多强大的功能暂时没有用到~~~~   ^_^

我要回帖

更多关于 echarts折线图设置 的文章

 

随机推荐