score:3
since you're using an area chart with square shapes, you can achieve this behavior using the step
attribute (http://api.highcharts.com/highcharts/plotoptions.area.step). this squares off the edges of your area chart to produce (as you would expect from its name) a "step" effect.
i modified your fiddle with this simple change (see http://jsfiddle.net/brightmatrix/fnove341/5/).
plotoptions: {
series: {
fillopacity: 1,
stacking: 'normal'
},
column: {
pointpadding: 0,
grouppadding: 0,
borderwidth: 0, // < set this option
connectnulls: false
},
area: {
step: 'left' /* added to prevent test1 series from dropping off before 2028 */
}
},
your chart will now appear as you expect without having to change your value of 0 to null. i hope this helps!
score:0
by setting data: [113864, 113864, 113864, 0, null, null, null],
, you are saying that point 1 = 113864
, point 2 = 113864
, point 3 = 113864
, point 4 = 0
, and no more points after that.
although not desired, it is expected. if you set point 4 = null
, then it will cut of where you expect it.
so you will either have to replace all 0
values with null
in your code, or come up with some very clever solution to go away from normal behaviour.
Source: stackoverflow.com
Related Query
- Highchart stacked area series is not showing correctly
- some of dataLabels not showing in stacked column Highchart
- Highchart stacked area not functioning with missing datapoint
- Highcharts - JSON series data not showing correctly
- Highchart not showing 0 data correctly for pie chart
- Some xAxis labels are not showing in Highchart : Area Chart
- Time not showing correctly in HighChart
- Stacked highchart graph not working correctly for 0 values
- Highchart display of more than 1 series is not showing
- Highchart (Column Chart) : Few data labels are not appearing for a series
- Last label is not showing in stepped labels of highchart
- Highchart - line or area not starting at the left point
- Highcharts 3.0, area chart with stacked and unstacked series - how to fix?
- Spikes are not showing correctly in Highstock
- Stacked area in Highcharts make my series fading in and fading out
- HighChart plots not displaying correctly on small div
- Highchart is not showing in heroku, but works in local environment
- Highcharts. Series highlighting not showing up in download
- Highcharts - gap between series in stacked area chart
- dotnet highchart error, not showing data
- Highchart stacked area empty spaces (negative values)
- Highchart export not applying style(font size) on series data labels
- TypeError: p is not a function while calling map function in angular 4 for fetching series for bellcurve highchart
- highcharts 2 variable JSON (Date, Value) not showing correctly
- R Highcharter: On x-axis, Date is not showing correctly when dataframe has only one result
- Highchart Absolute Percentage Stacked Area
- Highcharts not showing value when two stacked columns have value = 1
- Highchart treemap is not showing numeric data in name field
- Highchart not adding new series or removing old series
- highcharts x-axis not showing with series of just one value
More Query from same tag
- angular/cli and typescript version compilation error
- Plot inside a loop using highcharter
- Highcharts (Highcharts-Vue) Drilldown with Geojson Geometry Based Maps Fails To Display
- Position text and circle in Highcharts graph dynamically?
- Javascript Highchart
- highcharts - create a total sumline of an existing serie
- Add series / data to highchart gantt from function
- Highcharts adding labels/columns with no data
- Per-cell border colors in a highcharts heat map
- Highmaps : Custom data label on world map
- Using HighCharts with Backbone
- Highchart : Unable to populate data from JSON
- Highcharts Not Displaying AreaRange in Legend
- Highcharts doesnot reload or re-render chart on value change
- How to draw multiple segments overlapping and non overlapping in high-charts?
- Highcharts loop JSON Object to fill data series
- Highcharts: Dynamically (programmatically) assign the axis name
- Performing styling action on specific data in a highcharts graph
- Highcharts - Cannot set x-axes categories in column charts with negative values
- Highcharts: Export multiple charts using jspdf
- Use High-charts, Open Flash Chart 2, Google Charts or what else !
- Highcharts - gap between series in stacked area chart
- Highcharts renders opposite y axis lower than chart's bottom
- Rails 3.1 SQL sum only negative numbers
- Highmaps US County map is missing New York and DC (among others)
- Predict future values using highcharts/Highstock
- How to set HighCharts dataGroup to a range/timeframe?
- Ruby on Rails - Chartkick - Highcharts drilldown
- Highcharts: Show data label at top of column graph
- How Highstock determines date