DownOL 软件仓库– 软件下载,字节世界与新知

echarts如何制作数据图 百度echarts的图文教程

发表于:2024-04-29 作者:下载之友
编辑最后更新 2024年04月29日,很多网友在日常工作中都需要制作数据图,一般都是使用Excell自带的饼状图或者柱状图。不过,如果是要提现在网站或者应用中的数据图,大家觉得该该怎么制作呢?今天,小编就给大家推荐一款网站数据图制作软件:

  很多网友在日常工作中都需要制作数据图,一般都是使用Excell自带的饼状图或者柱状图。不过,如果是要提现在网站或者应用中的数据图,大家觉得该该怎么制作呢?今天,小编就给大家推荐一款网站数据图制作软件:百度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
2022-05-10 02:24:42
0