如何在Y轴两侧都有线条标签?

问题描述 投票:0回答:1

我想在 Y 轴的两侧都有线条标签,如下例所示: 我查看了 ECharts 示例和文档,但我找不到哪些系列类型或选项可以让我做到这一点......

以下是示例中使用的数据:

|------------+--------+--------+--------+--------+-------+--------+--------+--------|
| Entity     | 1950.0 | 1960.0 | 1970.0 | 1980.0 |  1990 | Rank50 | Rank90 | Factor |
|------------+--------+--------+--------+--------+-------+--------+--------+--------|
| Mitzerland |  30000 |  32000 |  40000 |  50000 | 60000 |      1 |      3 |      2 |
| Ataly      |  20000 |  40200 |  60500 |  72000 | 85000 |      2 |      1 |    4.3 |
| Bangolia   |  10000 |  20100 |  30500 |  42000 | 75000 |      3 |      2 |    7.5 |
|------------+--------+--------+--------+--------+-------+--------+--------+--------|

javascript visualization linechart echarts
1个回答
0
投票

我不认为对此有内在的支持。我现在能想到的最好方法是使用常规的 endLabel 作为系列的结尾,并使用第一个数据点顶部符号大小为 0 的 markPoint 作为开始标签。

示例

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [150, 230, 224, 218, 135, 147, 260],
      type: 'line',
      endLabel: {
        show: true,
        formatter: () => 'end label'
      },
      markPoint: {
        symbolSize: 0,
        label: {
          position: 'left',
        },
        data: [
          {
            coord: [0, 150],
            value: 'start label'
          }
        ]
      }
    }
  ]
};
© www.soinside.com 2019 - 2024. All rights reserved.