score:3
Accepted answer
if you are willing to switch to highstock you can use their ordinal
feature:
in an ordinal axis, the points are equally spaced in the chart regardless of the actual time or x distance between them.
you'd have to use the highstock script instead:
<script src="http://code.highcharts.com/stock/highstock.js"></script>
then create your standard chart (highcharts style) with an ordinal x-axis:
$('#container').highcharts('chart', {
xaxis: {
ordinal: true,
// ...
},
// ...
});
see this jsfiddle demonstration of your chart with these modifications.
Source: stackoverflow.com
Related Query
- Highcharts setting weird column spacing with monthly timeseries
- Highcharts column width with variable x axis point spacing
- 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
- Column width in Highcharts when combined with spline
- Can I with highcharts column stacking on hover not highlighting the whole serie
- Highcharts stacked column bar with line
- Column spacing in Highcharts
- 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
- Highcharts column + line combination chart with multiple series. Issue aligning line over the 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
- Setting highcharts datalabels backgroundColor with the same color of its serie
- Highcharts - column chart with drilldown to waterfall
- Highcharts - Column chart with empty columns for date in x-axis
- Highcharts - Why is there extra spacing before the first column and after the last column?
- HighCharts Column Chart Spacing Between Columns
- passing formatting JavaScript code to HighCharts with JSON
- Highcharts - Cannot set x-axes categories in column charts with negative values
- HIghcharts column graph with more than 50 data points
- Highcharts column chart color by single color but with different brightness level as per respective column value
- how to show column and area charts with different y axis with same category and same x axis in highcharts
- How to change color of bar in column chart with different level of percentage in highcharts
- Column chart with negative values and categories on xAxis in HighCharts
- Highcharts 'area' type with normal stacking looks weird
- Highcharts stacked column don't show the stacked with min value
- Issue with last column width in Highcharts
More Query from same tag
- Highcharts - Include several charts in one container
- How to display bars next to each other
- Format "data" and "name" highchart mvc asp.net
- Highchart tooltip position to be fixed
- How to hide Axes Crosshairs by onclick event in Highcharts
- Highstock and Highmaps together causing issue
- Inserting series data in highcharts dynamically
- How to get vertical scrollbar in highstock for heatmap chart
- how to assign date time to highchart with intervals and date start
- Link multiple axis in highcharts
- Grid (gridlines) in Highcharts line chart
- Updating Points
- Highcharts donut custom legend text before legendSymbol using labelFormatter
- Change hcharts( ) bars from solid-colored to gradient
- How to add an eventListener to div display style in React
- Highcharts - Java exporting server in GWT app
- Highcharts get series data zoom indices
- Is there a way to update with new data a Radial (or Circular) bar chart after rendering?
- Pass Data String as parameter to a Function for HighCharts
- gridLineDashStyle of Highchart missing grid line at bottom when only one item as bellow demo
- How to add extra tears(ticks) in highcharts?
- highcharts redraw and reflow not working
- highcharts-ng is not displaying pie chart
- Can I have a chart automatically size the height (rather than using 400px) using the Highcharts .NET Wrapper?
- Assigning colors in highchart base on the result of javascript
- How to display hovered point value in Highcharts Crosshair
- How can I pass this array to a javascript function in an html.erb file, without erb evaluating the Date.UTC?
- Avoid showing duplicate stack labels on the every column series in a. highcharts
- Exporting chart with Highchart display a badly formed chart
- HighCharts: Possible to summarize series data and show in title?