当前位置:K88软件开发文章中心电脑基础基础应用17 → 文章内容

echarts怎么制作数据图?百度echarts的图文教程

减小字体 增大字体 作者:华军  来源:华军资讯  发布时间:2019-2-3 1:16:06

今天,小编就给大家推荐一款网站数据图制作软件:百度echarts。这款软件的优点很多,其中,兼容ie8+以上等主流浏览器,是很多网友都非常心动的。下面,一起来看看echarts的使用教程! echarts  echarts使用教程:  我们下载好开发包后就可以开始了,第一步引入开发包,和需要的主题文件(可定义自己的主体文件),并定义好页面布局。2.0以后上的版本,需要把开发包放到body下,否则ie低版本会出现属性未找到的错误,导致图标初始化失败。  推荐:echarts下载地址echarts  第二步,普通初始化图表,通过调用开发包方法,有两种初始化方式,  1.var myChart = echarts.init(document.getElementById(“echart”));  2.var myChart=require(‘echarts’).init(document.getElementById(“echart”));  一般建议使用第一种方法进行初始化操作。echarts  第三步,设置option属性,来给图表设置数据,option是数组元素,tooltip:提示框,legend图例,calculable可设置是否拖拽,series设置数据(data类型也为数组类型),我们开始先随机初始化几条模拟数据,echarts

echarts怎么制作数据图?百度echarts的图文教程