score:0
There is no good easy direct way to do it (afaik).
There are a variety of approaches you could take, however.
This example uses a reversed axis and stacked columns:
http://jsfiddle.net/jlbriggs/JVNjs/301/
stacking:'normal',
It relies on adding a second series that is the difference between your value and the max, which means you must also specify a y axis max.
I left the second series a light grey so you can see them, but you can set their opacity to 0 so that they are invisible.
Other options might include doing some calculations on the y axis label formatter to display the axis labels as you want without having to touch the data.
score:0
Highcharts provides an option for this called reversed setting it true will do the work for you.
http://api.highcharts.com/highcharts#yAxis.reversed
reversed: true
here is the jsfiddle http://jsfiddle.net/bmbhD/
score:2
You can use reversed yAxis, and column series, where each point will have y
and low
values, where low
values are the same as the lowest number. See: http://jsfiddle.net/JVNjs/303/
var max = 10;
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
title: {
text: 'Chart Title'
},
credits: {
enabled: false
},
yAxis: {
min: 0,
max: max,
tickInterval: 2,
reversed: true
},
series: [{
type: 'column',
data: [{
y: 1,
low: max
}, {
y: 3,
low: max
}, {
y: 6,
low: max
}]
}]
Source: stackoverflow.com
Related Articles
- Highcharts - Global configuration with common code and unique data & Headings
- How to populate a Highcharts axis with string formatted data from a PHP array
- How can I force ticks/grid lines on a Highcharts datetime X axis to arbitrarily line up with data points?
- Highcharts series visibility with csv data source
- How to have multiple highcharts with different series data in vuejs without repeating code
- Highcharts cloud issue with data source when duplicating chart
- Highcharts highstock x axis max/min not working with 3+ data elements
- Reload chart data via JSON with Highcharts
- Resize data points with highcharts
- Highcharts doesn't display series with lots of data points
- Highcharts data series issue with ajax/json and PHP
- Highcharts - Dyanmic graph with no initial data
- Load data into Highcharts with Ajax
- Highcharts custom visuals with Data binding PowerBI
- How to display highchart y axis with constistant data
- Highcharts - best way to handle and display zero (or negative) values in a line chart series with logarithmic Y axis
- Updating data in charts, highcharts with angular, highcharts-ng
- Highcharts - with datetime axis labels overlap
- Highcharts with JSON data and multiple series
- highcharts - removing decimal places on Y axis with only one point
- Highcharts scatter plot with lots of data points running really slow
- Appending Data with Highcharts (real time updating chart)
- highcharts with null data points
- Highcharts blank chart with x and y axis
- Highcharts Angular with API data
- How to structure Angular with Highcharts and lots of dynamic data
- Add dynamic data to line chart from mysql database with highcharts
- Highcharts label format with tickPositioner in a datetime x Axis
- Creating a line graph with highcharts and data in an external csv
- Alternatives to Highcharts for datasets with 10k data points?
- High Chart set x axis value in hours format
- Background color to highcharts
- Why try catch around highchart constructor does not catch error#12 but error#19?
- Is it possible to supply multiple yAxis from with data in one series
- Highcharts - Fix chart height when it has legends
- how to make barchart from date 1 until 31 with different value?
- Plot always starts at 0, highstock spline chart
- adding new points in a scatter plot
- How to prevent column overlap in Highcharts
- Highchart duplicates data on chart instead of refreshing it
- Pine (Tradingview) Showing different values in different timeframe
- Highcharts: highlighting line chart series on legend hover
- Highcharts barchart - legend is only hiding first and last series, others stay visible on X-axis
- Multi series export is misaligned in highcharts
- How to put data in one column
- Highcharts - Only Returning One Date on xAxis
- Display HighStock y-axis and its labels on the right of the series
- Stacked highcharts on the same graph, with a new y axis each time?
- How to make legend labels to bring out the series of a pie chart and not make them disappear when label is clicked in HighCharts?
- React HighChart Example