众所周知,echarts是百度出的一个开源图表框架,拥有很棒的交互效果和上手便捷。基于配置可以修改成自己想要的样子。这里附上传送门:百度echarts
如果你早已习惯怎么用,这里是它的配置项参考,可以迅速查找一下:echarts配置项手册
然后,下面就是咱所遇到的需求,就像下面这个样子的图表:
然后就开始参考配置项,在页面引入echarts,借助官方的调试编写配置,咱的配置项如下(顺手注释,不多解释):
// [初始化图表] 参考API文档:https://www.echartsjs.com/option.html 在线测试:https://echarts.baidu.com/examples/editor.html
var chart_yxz = echarts.init(document.getElementById('chart_yxz'),'light'); //运行中
// 设置图表参数选项
var option_yxz = {
title: {
text: '运行中车辆(0)',
textStyle:{fontSize:16}
// subtext: '数据来自'
},
tooltip: {