在Highcharts中,我们是否能够将“金字塔”的边界设置为“虚线”。样式?

时间:2016-07-13 05:36:38

标签: javascript highcharts

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

1 个答案:

答案 0 :(得分:1)

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'
        });
      });
    }
  }

示例:

DashStyles:

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