VUE 使用echarts线图,常用属性介绍
文章就是介绍应该会用得上的属性设置。这里不是安装教学哈,安装教学出门左转!
介绍全在代码的备注中,请慢慢食用!
methods: {
myEcharts() {
var that = this
// 基于准备好的dom,初始化echarts实例
var myChart = this.$echarts.init(document.getElementById("main"));
// 指定图表的配置项和数据
var option = {
legend: {
//这个控制的是顶部的标签,大小、颜色、样式之类的、还有是否选中状态
show: true,//是否显示
selected: {
// 选中状态,值要与series里的name相同
PSA值: true,
尿垫: false
},
inactiveColor: "#ccc", //未选择中颜色
icon: "circle", //头顶标识形状
selectedMode: "single",//只能同时选中一个查看
},
tooltip: {
//图例组件。鼠标悬停浮窗,显示数值
trigger