如何在Highcharts中创建虚线条形图边框

Question

我有一个具有两个数据属性的堆积条形图。我想让第二个小块看起来变成灰色，并带有虚线边框。我已经试过“dashStyle：‘longdash’但和别的我试过不行

这是看我要去为：

Answer 1

一般来说它不支持，但简单的黑客可以启用此：http://jsfiddle.net/ztRF5/132/（注：需要的是从GitHub最新版本）

// mapping between SVG attributes and the corresponding options 
Highcharts.seriesTypes.bar.prototype.pointAttrToOptions.dashstyle = 'dashStyle'; 

var chart = new Highcharts.Chart({ 
    chart: { 
     renderTo: 'container', 
     type: 'bar' 
    }, 
    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 
    plotOptions: { 
     bar: { 
      stacking: 'percent' 
     } 
    }, 
    series: [{ 
     data: [29.9], 
     borderColor: 'black', 
     borderWidth: 2, 
     dashStyle: 'dash' 
    }, { 
     data: [13] 
    }] 
}); 

Answer 2

注意，在HighCharts的最新版本，Highcharts.seriesTypes.bar.prototype.pointAttrToOptions不再定义，因此。代码会出错，您可以简单地注释掉第一行（Highcharts.seriesTypes.bar .prototype.pointAttrToOptions.dashstyle ='dashStyle';），它会工作。 （http://jsfiddle.net/willieliao/6c48x39v/）

var chart = new Highcharts.Chart({ 

    chart: { 
    renderTo: 'container', 
    type: 'bar' 
    }, 

    xAxis: { 
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 
    plotOptions: { 
    bar: { 
     stacking: 'percent' 
    } 
    }, 

    series: [{ 
    data: [29.9], 
    borderColor: 'black', 
    borderWidth: 2, 
    dashStyle: 'dash' 
    }, { 
    data: [13] 
    }] 

});