score:1
Accepted answer
That is not possible by using defualt Highcharts API, but there is a possibility to add an extension by wrapping prototype functions. You can wrap drawPoints
method to change column shape type from rect
to path
with curved top border.
(function(H) {
H.wrap(H.seriesTypes.column.prototype, 'drawPoints', function(proceed) {
this.points.forEach(function(point) {
var sArgs = point.shapeArgs;
point.shapeType = 'path';
point.shapeArgs = {
'd': [
'M', sArgs.x, sArgs.y,
'Q', sArgs.x + sArgs.width / 2,
sArgs.y + sArgs.width / 2,
sArgs.x + sArgs.width, sArgs.y,
'L', sArgs.x + sArgs.width, sArgs.y + sArgs.height,
sArgs.x, sArgs.y + sArgs.height, 'z'
]
}
});
proceed.apply(this, Array.prototype.slice.call(arguments, 1));
});
}(Highcharts));
Live demo: http://jsfiddle.net/BlackLabel/as6y1uhn/
API Reference: https://api.highcharts.com/class-reference/Highcharts#.wrap
Source: stackoverflow.com
Related Query
- Highcharts border curve inside
- Displaying percentage inside pie item for highcharts
- Highcharts does not resize charts inside tabs
- Highcharts - labels inside and outside a pie chart
- How can I remove the white border from HighCharts pie chart?
- Highcharts - How to display legend symbol inside the tooltip
- HighCharts Pie Chart - Add text inside each slice
- Highcharts pie dataLabels inside and outside
- Link inside of a Highcharts tooltip
- Remove Highcharts dataLabel border
- Different border for selected column in highcharts
- how to get chart object inside a point event function in Highcharts
- Highcharts : labels inside columnrange bar
- remove tooltip space between border and content highcharts
- Highcharts stacking bar chart border not displaying on right side
- Make Highcharts border color match background color on column chart
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- Highcharts - Global configuration with common code and unique data & Headings
- Highcharts border around plot
- How to center chart title position dynamically inside pie chart in highcharts
- Need to make tooltip border color same as marker color using Highcharts
- JavaScript code inside TypeScript file .ts not working
- Image inside Highcharts ring
- Highcharts legend title border not full width
- HighCharts Stock Chart error code 18
- highcharts change rendered image source on click
- How do i add mouse wheel code in Angular2 highcharts in typescript
- how to display 2 same highcharts without duplicate the code
- highcharts - donut chart - Labels inside and outside
- HighCharts HighStocks event flag is obscured by chart border
More Query from same tag
- continue the line drawing on dotnet highchart
- How can I change the distance between columns in highcharts?
- What is a better option to use django-highcharts package to render charts in template or regular ugly rendering in django?
- Export Shiny page to PDF
- Highstock - SMA (Simple moving average) dataGrouping not working
- How to add fullscreen event to a Highchart?
- multiple charts using highcharts
- Change Color of Highmap Areas based on database values
- Using the accessibility.js module with highcharter
- Highcharts graph should start entirely to the left and end entirely to the right
- How to add secondary y-axis to highcharts
- Highstock export csv based on data grouping
- How to show real time HighCharts Line Graph data which is receiving by an API?
- How could I change the x,y label and remove empty x bar
- How to show an empty chart in beginning and populate values on button click
- Alternatives to Highcharts for datasets with 10k data points?
- Highchart Pie Chart label size in Wordpress
- how to set negative axes intervals in highcharts
- Highcharts XRange Data and Label misalignment
- Re-sizing problems in HighChart
- Set additional information in highcharts tooltip
- How can I delete all of the points from a highcharts series
- Live Graph in HighCharts
- Ticks marks are moving upon changing the type of Chart
- Highchart's gauge with gradient plotband
- Highcharts :Donut chart overlaps data labels
- How to change the point color to red that is lowest point plotted in the graph and 2nd issue is animation effect is not supporting in the ie10,ie8
- Highcharts - Adding a point with addPoint stretches time
- How to remove Board and HR/CFO from Highchart organization?
- In highcharts's stacked bar chart, how can I remove the white space between different