score:5
Accepted answer
In general it's not supported, but simple hack can enable this: http://jsfiddle.net/ztRF5/132/ (note: required is latest version from 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]
}]
});
score:2
Notice that in the latest version of HighCharts, Highcharts.seriesTypes.bar.prototype.pointAttrToOptions is no longer defined, thus the code will error out. You can simply comment out the first line (Highcharts.seriesTypes.bar.prototype.pointAttrToOptions.dashstyle = 'dashStyle';) and it will work. (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]
}]
});
Source: stackoverflow.com
Related Query
- How to Make a Dashed Bar Chart Border in Highcharts
- How to make split grouped column bar chart in highcharts with percentage?
- How to make highcharts stacked bar chart start from a specific date
- How do I rotate my HighCharts bar chart so its vertical, not horizontal?
- Highcharts Bar Chart - How to set the minimum bar width/length
- Highcharts stacking bar chart border not displaying on right side
- Make Highcharts border color match background color on column chart
- How to make a pie chart from highcharts responsive
- How to add a horizontal line in Column bar chart in Highcharts plugin?
- How can I make milestone lines with a GANTT chart using the highcharts library?
- Add border on highcharts bar chart on start of bar
- How do I make a Tornado Chart using Highcharts
- How to change color of bar in column chart with different level of percentage in highcharts
- how to add dashed border on highcharts "area" graph for every point
- How to remove decimal values on x-axis of bar chart : Highcharts
- How to resize bar chart based on no of x axis categories in HighCharts
- How to make a Highcharts semi-circle donut chart using Hightchart-ng
- How to make xAxis on bar chart match pointWidth
- How to make a Highcharts bar disappear?
- Highcharts how to make a set number of colors for pie chart data and drilldown data
- How to make hover effect for two bar in highcharts at the same time is there any way by using css or any inbuilt method to achieve this?
- How can i load external json data in highcharts to show the bar chart
- How can I prepare a Group Stacked Bar Chart in Highcharts using multiple and different types of data?
- How to draw an outer border for a donut chart - Highcharts
- How to make a HighCharts drilldown column/bar chart that does not hide the non-drilldown categories
- Want to make the Highcharts Bar Chart data labels appear on the far right in the chart
- Highcharts - Column Chart Drilldown, how to change the drilldown bar color based on some value
- How to make pie chart with data border radius in highchart
- Highcharts Chart Bar - How can I display in the chart, only one column from my HTML table?
- How to make Highcharts legends focus on the chart that it belongs to?
More Query from same tag
- Getting callback is not a function in JS with Highcharts
- highcharter hc_axis not working correctly
- How to define colorAxis dataClasses for solid gauge chart?
- Generate image in a folder from Highchart in PHP
- dynamic highcharts with json data every 1 second
- highcharts error #13 histogram
- Highcharts - Hide subtitle on exporting
- how to zoom dual x axis at same time in highcharts
- Change color of highcharter r choropleth map
- Set min and max value in double for y-axis in highchart
- "Stops" in Highcharts polar chart column?
- Highcharts show legend just once
- Node JS, Highcharts Memory usage keeps climbing
- not able to get refs on addEventListener callback function
- How to find max: value of colorAxis for highMaps drilldown maps
- How to create js.Array inside js.Array in scalaJS for highcharts as specified in the documentation?
- Highlight a Table Row when Mouseover HighChart Pie
- Can you create a phase change line in highcharts
- Plot data values inside pie charts slice
- HighChart Legends Overcome on charts
- csv with dates in decimal format
- Highcharts , Types of property 'series' are incompatible
- 3d chart for Highcharts with legends
- highchart scatter with 24 hours time on y axis and the day of the transaction on x axis
- Move highcharts legend outside of chart container
- Highcharts datetime axis labels according to data point groups
- Right click on specific legend item
- white border/line color set on hover for the bubbles in the bubble chart not being reset on mouse out from bubble
- Passing null in Highcharts line graphs
- high charts line graph x-axis issue