永洪社区

标题: 关于ECHARTS, 如图所示，如何调整，才能让“两柱一线”的... [打印本页]

作者: changda56 时间: 2022-8-17 09:11
标题: 关于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,
}

};

作者: yhdata_yzm 时间: 2022-8-17 09:11

changda56 发表于 2022-8-17 13:56
这是“自定义绘图”组件，引入的是echarts的JS代码，没有关于“轴”的设置。得用改JS代码。 ...

代码私信发我下，直接复制你这个有问题

作者: yhdata_bear 时间: 2022-8-17 10:07
收到，正在分析中，预计需要一段时间，请您耐心等待。

作者: lwaaa 时间: 2022-8-17 10:24
轴-行轴-坐标轴，隐藏

作者: changda56 时间: 2022-8-17 10:33

lwaaa 发表于 2022-8-17 10:24
轴-行轴-坐标轴，隐藏

请用代码示下，谢谢。

作者: lwaaa 时间: 2022-8-17 11:20

changda56 发表于 2022-8-17 10:33
请用代码示下，谢谢。

在设置里面

作者: changda56 时间: 2022-8-17 13:56

lwaaa 发表于 2022-8-17 11:20
在设置里面

这是“自定义绘图”组件，引入的是echarts的JS代码，没有关于“轴”的设置。得用改JS代码。

作者: changda56 时间: 2022-8-17 16:32

yhdata_yzm 发表于 2022-8-17 14:48
代码私信发我下，直接复制你这个有问题

我已经找到解决方案了。谢谢了。

作者: yhdata_yzm 时间: 2022-8-17 16:37

changda56 发表于 2022-8-17 16:32
我已经找到解决方案了。谢谢了。

怎么解决的呢

作者: changda56 时间: 2022-8-17 17:15
axisLine， axisLabel,formatter 把这些相关的配置项，给它拿掉，就可以了。（见附件截图）

欢迎光临永洪社区 (http://club.yonghongtech.com/)