javascript - 在Highcharts中，我们是否可以使“虚线”样式的金字塔边框成为边界？

我想知道是否可以为金字塔形图制作一个虚线边框。
Highcharts不支持虚线边框，但是对于柱形图/条形图，我发现了一个简单的扩展即可实现：
Highcharts.seriesTypes.column.prototype.pointAttrToOptions.dashstyle = 'dashStyle';
但是对于金字塔形图，我找不到类似的方法。
有什么办法可以使金字塔的边界“虚线”？
这是一个小提琴：
http://jsfiddle.net/scottszb1987/18009rf1/6/

最佳答案

在chart.load事件中，您可以遍历每个点，在图形元素上调用attr（）并应用dashStyle参数。

  events:{
    load:function() {
        var chart = this,
          series = chart.series[0],
          each = Highcharts.each;

      each(series.data, function(p, d) {
        p.graphic.attr({
          dashstyle: 'Dash'
        });
      });
    }
  }

例：


http://jsfiddle.net/0p62up21/


DashStyles：

    'Solid',
    'ShortDash',
    'ShortDot',
    'ShortDashDot',
    'ShortDashDotDot',
    'Dot',
    'Dash',
    'LongDash',
    'DashDot',
    'LongDashDot',
    'LongDashDotDot'

http://jsfiddle.net/xccct7k7/