score:0
You can use label formatter and return value, inluding dateFormat
score:1
If you used an array of date time x and y for data points in the series, you need to use Date.UTC() to convert the time to universal time first. And the type
property isn't inside the title
property.
So try this
xAxis: {
title: {
text: 'Year',
}
type: 'datetime'
},
yAxis: {
title: {
text: 'Rating'
}
},
series: [{
data: [
{% for item in graph_data %}
{
name: '{{item}}',
x: Date.UTC({{item.year}}, month, date),
y: {{item.rating}}
},
{% endfor %}
]
}]
Fiddle: http://jsfiddle.net/6abdq/1/
Source: stackoverflow.com
Related Query
- Formatting the year in highcharts
- Highcharts - Display only year in x axis and stop auto formatting
- Formatting the float numbers in Highcharts
- Rails 4 + Filtration of Data on the basis of Day, Week, Month and Year in HighCharts
- Highcharts : How do I keep the marker formatting and make the click event fire with a 5K+ point scatter plot?
- how to display 2 same highcharts without duplicate the code
- In Highcharts drilldown charts, Custom Formatting of X-Axis label displays the label with underline even in the last level
- passing formatting JavaScript code to HighCharts with JSON
- Set the number formatting in general for a Highcharts 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?
- formatting all the markers for the hovering series in a HighCharts scatterplot
- How to modify the code so that Highcharts graph does not cover fixed navigation bar at the top of the page?
- Formatting the Highcharts multiple-axes graph's zooming effect
- How to fix formatting of axis labels in Highcharts when surrounding the contents with div?
- how can I use rangeselector and navigation in highcharts in the given code
- Calling Highcharts export to jpeg but the source is https and exporting is http (security warnings issued by browser)
- The graph is not equal on the basis of the addition code in Highcharts
- How to get highcharts dates in the x axis?
- HighCharts Hide Series Name from the Legend
- HighCharts - How can I turn off the points?
- How do you change the colour of each category within a highcharts column chart?
- HighCharts : Is it possible to customize the colors of individual series?
- How can I change the colors of my highcharts piechart?
- How to display the value instead of percentage in a pie chart using jquery Highcharts
- Customize tooltip and format the number to 2 decimal places of highcharts
- HighCharts - Make the pie chart 100% of the div
- Hiding a Highcharts series without using the legend
- What format does the highcharts js library accept for dates?
- Render Highcharts canvas as a PNG on the page
More Query from same tag
- Is it possible to style columnrange highchart to change color when data is below 0?
- How to generate highcharts chart from multiple local json files
- Update datalabel position after Heatmap resize with Highcharts
- react-highcharts Y-axis categories catch event click in react way
- Rings around axis on hover on highcharts Variable radius pie
- HighCharts JS - Getting multiple linear underlays on a scatter plot
- HighCharts X-Axis Date Not Working (00:00)
- Highcharts legend font sizes
- Automatic fold/unfold Y-axis break on mouse over
- Wants to change the marker color HighCharts
- Using FontAwesome icons as HighChart markers
- (Horizontal) bar and line chart with Highcharts
- How can I move columns to the right in a Highcharts chart?
- how do I get two highcharts on one page?
- How to implement date selector to HighChart StockChart in reactjs (without jQuery)
- Center tooltip for highcharts area chart
- How do I include scripts in my AngularJS controller?
- Highstock: how to make series name of first column to be dynamic on tooltip, year wise
- High Charts export to PDF
- Set Dynamic x-axis range in Highcharts
- setting the categories using ajax in highcharts
- To create a list with multiple list inside it
- Can we get index from series data in highcharts
- Can't disconnect line chart with [null,null] and irregular intervals in Highcharts
- Series overlap in Highcharts
- How to fix this error Type 'number' has no properties in common with type 'XrangePointOptionsObject'
- Facing issue with generate image using Highcharts Node.js Module
- min, max threshold in highcharts
- Highstocks - Place a line between columns when using datetime axis
- Change color of Multibar chart in Django