score:1
Accepted answer
You need to increase the density of points. Below you can find an example how you can do it programmatically:
chart: {
type: 'area',
events: {
load: function() {
var series = this.series,
iterations = 2,
i = 0,
newData = [];
for (; i < iterations; i++) {
series.forEach(function(s) {
newData = [];
s.points.forEach(function(p, j) {
if (j) {
newData.push(
[
s.points[j - 1].x +
(p.x - s.points[j - 1].x) / 2,
s.points[j - 1].y +
(p.y - s.points[j - 1].y) / 2
],
[p.x, p.y]
);
} else {
newData.push([p.x, p.y]);
}
});
s.setData(newData, false);
});
this.redraw(false);
}
}
}
},
Live demo: https://jsfiddle.net/BlackLabel/d8jq9bvh/
API Reference: https://api.highcharts.com/highcharts/chart.events.load
Source: stackoverflow.com
Related Query
- Highcharts - How to show intermediate values on Area chart
- Can highcharts crosshairs show on top of area chart fill?
- Highcharts - How can I remove starting and ending padding from area chart
- How to show only specific x-axis values on datetime axis in Highcharts
- Highcharts 3.0, area chart with stacked and unstacked series - how to fix?
- Highcharts - Area Chart - Stacking with series containing negative and positive values
- How to hide intermediate values of solid gauge chart of highcharts?
- Highcharts - In area chart how to use gradient color for multiple series?
- Column Chart Show datalabel for null values - Highcharts
- Highcharts - draw line chart with summed values but show breakup on hover
- how to show column and area charts with different y axis with same category and same x axis in highcharts
- How to remove decimal values on x-axis of bar chart : Highcharts
- How to show xAxis label in tooltip in a Highcharts area chart?
- Highcharts - show series values outside chart container?
- remove gap below highcharts area chart when all values are zero
- How to show values in Highcharts tooltip other than x and y when data points are too high?
- How can i load external json data in highcharts to show the bar chart
- How do i show Last seven days of a week from current date in area spline categories highcharts
- Stacked Bar Highcharts how to show the values
- How to show circular progress pie chart using the highcharts
- How to show labels selectively in certain points in Line chart of HighCharts
- How to make label in highcharts area graph display absolute values instead of negative values?
- Highcharts/Highstock How to show original OHLC values in tooltip for chart drawn using adjusted OHLC values?
- How to show an empty chart in beginning and populate values on button click
- How To Show Tooltip In Sparkline Chart From Code
- how to show legend in PIE chart from chart to pie drilldown highcharts
- Highcharts (column, candlestick) show mouseover tooltip anywhere on chart similar to line or area
- How to show categorized Highcharts Chart using csv file
- HighCharts / Highstock How to build 100% stacked area chart
- How to spread Y Axis values in "area" chart using HighCharts
More Query from same tag
- Default highstock zoom without rangeSelector buttons
- remove grid line on chart
- Applying a custom colors on HighCharts Line?
- HighCharts Tooltip AJAX request onmouseover Event
- How to pass data of multiple arrays in ajax?
- Highcharts - how to position values closer to the Y axis
- Highchart / Highstock shows unformated tooltip lable when data grouping enabled but not used
- Horizontal bar chart with outline behind bar
- Is there a chart ID in Highcharts
- highchart load the chart but not the JSON data
- Chart rendering issue with resizing <div> container
- Disabling inactive state in Highcharts styled mode
- How to dynamically addEvent to Highcharts series with multiple charts?
- Highstocks - How to change the default Zoom
- Highchart 3D Pie Chart Label color?
- Exclude "H:m"in dateTimeLabel Highcharts
- Rotating dataLabels in a Highcharts pie chart
- Highchart-ng not displaying inside a directive
- Only a limited number of rows in my excel sheet can be plotted on Highchart
- Pass array from js for loop to highcharts series data
- How to fix "Property 'type' is missing in type but required in type 'SeriesXrangeOptions'" in angular highcharts module
- Highstock: How do i display the series name along the line
- Highstock tickPixelInterval is not working
- How to draw a chart from one array of data and make labels on the chart from another array of data? Highcharts v.4.0.4
- Highcharts multi-color line
- Angular5 - Responsive Highcharts with configuration is not working
- HighCharts Combination Chart
- Color the portions of chart using "Google 3D Pie chart API" in Android
- Is it possible to combine two column charts in a single Highcharts chart?
- How to call a function in kendo