Question

我想覆盖Highcharts中的图例符号。但我无法看到这样做的任何方式。 Highcharts Legend API有一个＆＃34; labelFormatter＆＃34;功能，但没有格式化符号。我的jsfiddle是here。

我的代码是：

public DateTime? Date { get; set; }

您可以看到东京的图例符号是一个蓝色圆圈，其中有一条线穿过它。我想用我自己的自定义图例覆盖它。

Legend API允许您设置符号宽度（symbolWidth），填充（symbolPadding）等属性。但是seeminlgy无法实际替换符号。

有一个属性＆＃34; useHTML＆＃34;听起来很有用。有什么想法吗？

修改图例需要更改，但图表上的标记不应该

Answer 1

您可以使用两个系列，使用linkedTo选项连接它们，然后对于主系列，您可以使用图像作为符号，例如：

$('#container').highcharts({
  series: [{
    data: [],
    id: 'main',
    marker: {
      symbol: 'url(https://www.highcharts.com/samples/graphics/sun.png)'
    }
  }, {
    linkedTo: 'main',
    data: [1, 3, -2, -4]
  }]
});

演示：official Maven POM reference

屏幕截图：

http://jsfiddle.net/hnc27nf2/

自定义Highcharts图例符号

1 个答案: