changda56

changda56
2022-8-17 09:11:22
发布在问答
关于ECHARTS, 如图所示,如何调整,才能让“两柱一线”的...
关于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,
}
};

|
最佳答案
代码私信发我下,直接复制你这个有问题
查看完整内容
免责声明:本文不代表本站立场,且不构成任何建议,请谨慎对待。
版权声明:作者保留权利,不代表本站立场。
|