highcharts 项目议会图每个点的工具提示标签

nkkqxpd9 于 2022-11-10 发布在 Highcharts

关注(0)|答案(1)|浏览(198)

我想创建一个 highcharts 项目议会图，用户可以在其中悬停在每个点，而不是一组点，并获得点特定的信息。
例如，在这个人为的例子中，悬停在一个特定的点上会给予你一个议员的名字：

这可能吗？
要实现这一点，我认为需要更改数据输入，因为所有项目图表示例都提供聚合数据，例如：

data: [
            ['The Left', 69, '#BE3075', 'DIE LINKE'],
            ['Social Democratic Party', 153, '#EB001F', 'SPD'],
            ['Alliance 90/The Greens', 67, '#64A12D', 'GRÜNE'],
            ['Free Democratic Party', 80, '#FFED00', 'FDP'],
            ['Christian Democratic Union', 200, '#000000', 'CDU'],
            ['Christian Social Union in Bavaria', 46, '#008AC5', 'CSU'],
            ['Alternative for Germany', 94, '#009EE0', 'AfD']
        ]

可以here查看示例项目图表。

highcharts

来源：https://stackoverflow.com/questions/73882476/highcharts-item-parliament-chart-tooltip-label-for-each-point

1条答案

按热度按时间

wbgh16ku1#

每个点可以显示为一个系列，在这种情况下，你会得到一个专用的工具提示，并添加一个带有自定义标签的键。
工具提示内带有自定义标签的系列示例：

{
  name: 'Representatives2',
  keys: ['name', 'y', 'color', 'label', 'custom'],
  data: [
    ['Social Democratic Party1', 10, '#EB001F', 'SPD1','CUSTOM LABEL1'],
    ['Social Democratic Party2', 10, '#EB001F', 'SPD2','CUSTOM LABEL2'],
    ['Social Democratic Party3', 10, '#EB001F', 'SPD3','CUSTOM LABEL3'],
    ['Social Democratic Party3', 10, '#EB001F', 'SPD4','CUSTOM LABEL4'],
  ],
  dataLabels: {
    enabled: true,
    format: '{point.label}'
  },

  // Circular options
  center: ['50%', '88%'],
  size: '170%',
  startAngle: -100,
  endAngle: -95
}

现场演示：https://jsfiddle.net/BlackLabel/wLn02qcv/

赞(0）回复(0）举报 2022-11-10

我来回答

highcharts 项目议会图每个点的工具提示标签

1条答案

相关问题

热门标签

最新问答