End of interactive chart. Highcharts Demo: Column with negative values. , , , , , categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'], . Highcharts Configuration Preview Highcharts.chart('container', { data: { table: ... Area with negative values; Stacked area; Percentage area; Area with missing points; Inverted axes; Area-spline; Area range; Area range and line; Sparkline charts; Streamgraph; Column and bar charts. Now, we will learn how to create an area chart with negative values using highcharts library with examples. A visitor to the Microsoft newsgroups wanted his area chart to show a different color for positive and negative values. , , , . Active 6 years, 3 months ago. Example. Is it possible with Highcharts anyhow? Note that interacting with one data series will dim the others, making it easier to distinguish between them. I need however, the orange area to be always between the X-axis and the curve, regardless of the negative values. Streamgraphs display data with only positive values, and are not able to represent both negative and positive values. if the total is positive, show the label at the top of the bar. In the previous chapters, we learned how to setup highcharts library and how to create a chart with required configurations using highcharts library in our webpage. This chart includes the series-label module, which adds a label to each line for enhanced readability. Tutlane 2020 | Terms and Conditions | Privacy Policy, ="https://code.jquery.com/jquery-3.4.1.min.js">