关于ECHARTS, 如图所示,如何调整,才能让“两柱一线”的刻度,保质一致;至少能实现,两柱的刻度是一致的。
const colors = ['#5470C6', '#91CC75', '#EE6666';
option = {
color: colors,
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross'
}
},
grid: {
right: '20%'
},
toolbox: {
feature: {
dataView: { show: true, readOnly: false },
restore: { show: true },
saveAsImage: { show: true }
}
},
legend: {
data: ['成本', '收入', '利润'
},
xAxis: [
{
type: 'category',
axisTick: {
alignWithLabel: true
},
// prettier-ignore
data: options.column1,
}
,
yAxis: [
{
type: 'value',
name: '成本',
position: 'right',
alignTicks: true,
axisLine: {
show: true,
lineStyle: {
color: colors[0
}
},
axisLabel: {
formatter: '{value} 元'
}
},
{
type: 'value',
name: '收入',
position: 'right',
alignTicks: true,
offset: 80,
axisLine: {
show: true,
lineStyle: {
color: colors[1
}
},
axisLabel: {
formatter: '{value} 元'
}
},
{
type: 'value',
name: '利润',
position: 'left',
alignTicks: true,
axisLine: {
show: true,
lineStyle: {
color: colors[2
}
},
axisLabel: {
formatter: '{value} 元'
}
}
,
series: [
{
name: '成本总计',
type: 'bar',
data:options.column3,
},
{
name: '收入总计',
type: 'bar',
yAxisIndex: 1,
data:options.column2,
},
{
name: '利润曲线',
type: 'line',
yAxisIndex: 2,
data:options.column4,
}
};
|