优秀的编程知识分享平台

网站首页 > 技术文章 正文

1、echarts 的基本用法(必会)(echarts详解)

nanyue 2024-09-01 20:23:55 技术文章 14 ℃

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);

最近发表
标签列表