score:1
Accepted answer
Actually it is not possible you want to show representation of data, data of [ 20 - 30 ]
can not be equal to [ 30 - 200 ]
. so it always be different in height.
score:1
From my understanding, you need to manipulate the X
& Y
values in the Plotbands
.
plotBands: [{
color: 'rgba(1, 143, 189, 1)',
from: 0,
to: 50
},
Check if this is what u needed.
For multiple plot bands with irregular intervals it is not possible to achieve equal area of color ranges.
Source: stackoverflow.com
Related Articles
- How do I make a same range
- How to make highcharts scrollable horizontally when having big range in x-axis
- Need to make tooltip border color same as marker color using Highcharts
- Highcharts: make y-axis extremes the same for two data series with different units
- how to display 2 same highcharts without duplicate the code
- Use of DotNet HighCharts dll to make charts in code behind
- How to make two charts using highchart show up in the same line side by side using div
- HightCharts : area range and spline in the same graph issue
- Make the tooltip in StockCharts behave the same as in HighCharts
- How to make highcharts with dynamic datetime range with monthly interval
- Highchart multiple column range in same series on bar chart
- Strange character in the Highstock source code
- What's the code in Highcharts such that the bars (columns) in the same group use the same color?
- 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?
- highcharts how to make x and y axis starting on the same zero using categories on yAxis
- Highcharts:Column Range chart having height of bar same as the height of interval in y Axis
- FusionCharts Failed to draw different chart on same data source
- Highcharts legend position same as tooltip position or make tooltip still visible after hiden series
- Decimals on yAxis are not being displayed, even if that same code works on highcharts jsfiddle
- How to make this code more simple or shorten?
- How to make plotline appear on line chart when data is same highcharts?
- In Highcharts, how do I make my piechart label text the same color as the pie part?
- Highcharts: How can I make the range attribute work?
- What if x and x2 values are same in X range highcharts
- make xaxis datalabels have same color like bar Highcharts
- Highcharts code with same set of code/data works in PHP but does not work in JSfiddle
- How to create a column range chart in Highcharts using range and navigator functions?
- How to make highcharts default to 0 for missing data
- HighCharts - Make the pie chart 100% of the div
- Highcharts, make the yAxis start at zero
- highcharts line graph with ajax
- Highcharts: cutom tooltip (useHTML: true) z-index issue over resetZoomButton
- Can I add my own property in 'this' of xAxis labels formatter function in High Charts?
- Highchart Polar chart 2 nested circle
- Highcharts series update with animation
- Highchart - how to control gap between series
- Highchart specific width stack column bar graph
- Highcharts - Can't change line colors
- HighCharts - how to align (justify) xAxis labels left and right
- JQuery can't parse this HTML
- Hide axis and gridlines Highcharts
- Highcharts in a modal window on click
- Fixed min and max dynamic time ticks in chart
- Highstock Column Chart dragging issue
- Loading a custom json file - highcharts.js
- Tags disappeared from tagcloud in highcharts while using deriveFontSize method
- Highcharts - Sunburst partition
- Drilldown United states city/county map from states using highcharter
- How to display same data points in a same series in highcharts?
- HighCharts : dynamic data with drill down