神马 发表于 5 天前

Wyn控件三个以上的纵坐标如何实现？

Wyn三个以上纵坐标的效果图，如何实现？需要写代码的话，具体能给一个示例吗？

Felix.Li 发表于 5 天前

您好，先确认一下，您是要的纵坐标，而不是多组数据显示。
因为图表一般正常最多就两个纵坐标，一个左边一个右边，再多也就没有地方显示，而且你不知道你的哪个数据对应的哪个坐标。
如果只是多组数据的话，您直接用组合图或者其他图表都可以:

数值轴是可以直接绑定多个的。

当然如果就是多个纵轴的话也可以，就得利用echarts的自定义代码实现了。比如你想要三个纵轴，然后绑定了三组数据，参考代码如下:

option.yAxis =[
    {
      type: 'value',
      name: '订单金额',
      position: 'right',
      alignTicks: true,
      axisLine: {
      show: true
      },
      axisLabel: {
      formatter: '{value}'
      }
    },
    {
      type: 'value',
      name: '订单利润',
      position: 'right',
      alignTicks: true,
      offset: 80,
      axisLine: {
      show: true
      },
      axisLabel: {
      formatter: '{value}'
      }
    },
    {
      type: 'value',
      name: '订单单价',
      position: 'left',
      alignTicks: true,
      axisLine: {
      show: true
      },
      axisLabel: {
      formatter: '{value}'
      }
    }
];
option.series.yAxisIndex = 0;
option.series.yAxisIndex = 1;
option.series.yAxisIndex = 2;
return option;这个您就得根据自己绑定的数据自己写了，我这里是数值绑定三个，我就创建三个yAxis ，然后把series 的数据分别指定不同的纵坐标轴。可以参考:
https://echarts.apache.org/zh/option.html#yAxis
https://echarts.apache.org/examples/zh/editor.html?c=multiple-y-axis
实现效果:


神马 发表于 4 天前

讲的很清楚！尝试更换自己的数据就可以了，多谢！

Bella.Yuan 发表于 4 天前

神马 发表于 2024-11-26 10:14
讲的很清楚！尝试更换自己的数据就可以了，多谢！

:mj72:
页: [1]
查看完整版本: Wyn控件三个以上的纵坐标如何实现？