四时宝库

程序员的知识宝库

5、echarts 绘制条形图(必会)(echarts绘制图形的步骤)

1、初始化类

Html 里面创建一个 id 为 box1 的 div,并初始化 echarts 绘图实例

var myChart = echarts.init(document.getElementById('box1'))

2、样式配置

title :标题

tooltip :鼠标悬停气泡

xAxis : 配置横轴类别,type 类型为 category 类别

series:销量数据,data 参数与横轴一一对应,如果想调样式,也可以简单调整,比如每个条形图的颜色可以通过函数进行数组返回渲染。

3、渲染图展示表

myChart.setOption(option);

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接