在Highcharts中更改SVG笔划选项

时间:2014-10-09 10:03:23

标签: javascript svg graphics charts highcharts

有没有简单的方法来自定义Highcharts渲染线的方式?

我不是在谈论颜色或与(部分API)有关,而是像stroke-linejoin或stroke-linecap这样的东西。

基本上,我想改变“轮”的价值。到了#mitel'。

1 个答案:

答案 0 :(得分:3)

简而言之,它不受支持。但是,您可以通过包装drawGraph方法来实现这一点,例如:

var H = Highcharts;

H.wrap(H.seriesTypes.line.prototype, 'drawGraph', function (p) {
    var series = this,
        options = this.options,
        props = [
            ['graph', options.lineColor || this.color]
        ];

    p.call(series);

    H.each(props, function (prop, i) {
        var graphKey = prop[0],
            graph = series[graphKey];

        if (graph) {
            graph.attr({
                'stroke-linejoin': 'round',
                    'stroke-linecap': 'square'
            })
        }
    });
});

演示:http://jsfiddle.net/v7h622c0/