如何在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] 
    }] 

});