这里使用的在这里导入,
秋云 ucharts echarts 高性能跨全端图表组件 - DCloud 插件市场
这里我封装成一个组件,自适应的,可以直接复制到自己的项目中
这里是配置有几个轴
yAxis: {
disabled: false,
disableGrid: false,
splitNumber: 5,
gridType: "dash",
dashLength: 4,
gridColor: "#CCCCCC",
padding: 10,
showTitle: true,
data: [
//配置有几个轴
{
position: "left",
title: "折线1"
},
{
position: "right",
title: "折线2",
// min: 0,
// max: 200,
},
]
},
配置在哪个轴上面,index 0是第一个 index:1 指的是第二个,依次类推
series: [
{
index: 0, // 配置第几个轴
name: "折线1",
type: "line",
style: "curve",
color: "#1890ff",
disableLegend: true,//是否在legend中显示,默认不显示
data: [70,50,85,130,64,88]
},
{
index: 1,
name: "折线2",
type: "line",
style: "curve",
color: "#2fc25b",
disableLegend: true,
data: [120,140,105,170,95,160]
},
]