echart的简单入门

来源:互联网 发布:微信群淘宝返利靠谱吗 编辑:程序博客网 时间:2024/05/08 15:50

echarts初识

页面引入echarts.js
设置容器,id=’echart’, 并设置 [ 宽高 ]

定义图标的配置项options={}

实例化图标 var myEchart = echarts.init(document.getElementById(‘echart’));
将配置项载入
myEchart.setOption(options);即可。

实例化echart的时候,开可以配置风格主题,内置主题(’macarons’, ‘infographic’)直接传入名称,自定义扩展主题可传入主题对象。
如 var myEchart = echart.init(document.getElementById(‘id’),’macarons’).setOption(‘xxx’);示例如下![](http://img.blog.csdn.net/20170331204633751?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvQV9vbmUyMDEw/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
代码如下:这里写图片描述

0 0
原创粉丝点击