如何在 'areaspline' 类型的图表中制作 - - 图例？

Question

我已经看过了。对于“折线”图表类型，我的图表类型是“areaspline”，我需要虚线样式图例“--图例”，甚至在代码 events: {load: function(event) {$('.highcharts-legend-item rect').attr('height', '2').attr('y', '10');}} 下方也可以带来“-”线图例，但我需要“--” 这是我的 fiddle http://jsfiddle.net/manjula_dhamodharan/4tejg3v6/2/

Answer 1

您可以为它们创建模拟的 line 系列和 link areaspline 系列。示例：

  series: [{
    name: 'Tokyo',
    dashStyle: 'longdash',
    type: 'line',
    id: 'line1'
  }, {
    name: 'London',
    dashStyle: 'longdash',
    type: 'line',
    id: 'line2'
  }, {
    linkedTo: 'line1',
    name: 'Tokyo',
    ...

  }, {
    linkedTo: 'line2',
    name: 'London',
    ...
  }]

现场演示： http://jsfiddle.net/BlackLabel/815vctmr/

API参考：https://api.highcharts.com/highcharts/series.line.linkedTo

如何在 'areaspline' 类型的图表中制作 - - 图例？

How to make - - legend in 'areaspline' type high charts?

javascript

highcharts

angular-highcharts