score:4
I can't stand these kind of things... It had been bugging me for weeks and today I decided to post to stackoverflow. To further help my case I was reading through the API description of Highcharts when I noticed an option to have multiple x axis. Since my problem seemed to be related to scaling on the x axis I decided to give it a go...
I created a new x axis for the line data and it works like a charm. Of course we do not want to see multiple x axis, so a little fiddling with the settings hides it again.
My x axis definiation now looks like this:
xAxis: [{
type: 'datetime',
},{
type: 'datetime',
lineWidth: 0,
minorGridLineWidth: 0,
lineColor: 'transparent',
opposite: true,
labels: {
enabled: false
},
minorTickLength: 0,
tickLength: 0
}],
On the data series that has 'too much' points I simply added 'xAxis: 1'.
Fiddle here : http://jsfiddle.net/AM4vx/
Source: stackoverflow.com
Related Query
- Column width in Highcharts when combined with spline
- Highcharts spans beyond bootstrap column width when implemented as an angular directive
- when printing page with highcharts using javascript this.print() width values in css in @media print seem to be ignored
- highcharts strange area offset error when combined with xrange
- Issue with last column width in Highcharts
- Highcharts - Small column not clickable when covered with a (sp)line serie
- Highcharts cloud issue with data source when duplicating chart
- How to reduce the space between Bars with a fixed bar width in Highcharts column chart?
- Highcharts column width with variable x axis point spacing
- Maximum bar width in Highcharts column charts
- Add a gap between the second and third series in a Highcharts column plot with four series displayed
- Highcharts Column chart with drilldown, remove hyperlink like formatting from x-axis labels
- Highcharts - Column With Negative Values - Column Color
- Highcharts - Issue with negative values when displaying multiple axes
- Can I with highcharts column stacking on hover not highlighting the whole serie
- Highcharts scatter plot with variable line width
- Highcharts stacked column bar with line
- Highcharts - Global configuration with common code and unique data & Headings
- Highcharts Grouped Column Chart with Multiple Groups?
- Highcharts - update column graph with setData() not working
- Getting "Highcharts error #17" when creating histogram (using Highcharts with Angular 6)
- Highcharts Y-Axis skipped labels when dealing with large array
- Highcharts - Highstock: fixed width intervals with scrollbar
- highcharts legend items align to the left when width is set
- Highcharts column + line combination chart with multiple series. Issue aligning line over the column
- Adding round corners to Highcharts Bar Chart with stacked bars when value is 0
- Highcharts stacked column stackLabels do not show when axis is reversed
- How to get current width of highcharts column
- Highcharts multiple column chart with drilldown, correct formatting of drilldown axes
- How to Build a Column Chart in Highcharts with Data Entered Dynamically Within a CMS
More Query from same tag
- Update highstock chart dynamically
- Is it possible to change the name of "x" for x data?
- JSON output for highcharts
- Group SQL data by JSON arrays
- Additional data to highcharter tooltip
- Building different types of Highcharts Programmatically.
- How to dynamically invoke a highcharts menu item function?
- Pass array from js for loop to highcharts series data
- nested series in highcharts drilldown
- Issue: In case of multiLineSeries Graph if one of the series has no Data, the entire graph does not get plotted
- HighChart is displaying wrong
- Highcharts with json from django query not rendered
- Highcharts: Column and Bar Chart labels are incorrect when I drilldown
- Highcharts Legend event click to get data
- Would it be possible to make two columns which belong to different series respectively to be placed exactly on the tick on x-axis with highchart?
- Highcharts datetime format y-axis interval
- HighChart to show multiple chart after drill down?
- Highcharts: disable allowPointSelect for only one pie slice
- Highcharts size doesn't change on div.animate()
- Javascript syntax when setting a value
- does highcharts.js have a debug mode?
- Tooltip z-Index in Multiple highcharts charts
- Highcharts speedometer gauge change label
- disabling click event for a series highchart
- Hightchart: Doing drilldown with columrange
- Highchart - ThingSpeak - IoT - issues with graphs (axes)
- Hide Data Labels in Pie Chart below 400px width - Highcharts
- Set custom color for highcharts-halo in styled mode
- How do I get my highcharts to reduce in size when the window is resized down
- Django and Highcharts - Generating charts, and still being DRY?