score:1
You need to correct your mapping function, for example:
var response = {
"date": ["13:00:00", "13:00:01", "13:00:02", "13:00:03", "13:00:04"],
"count": ["1", "2", "3", "4", "2"]
};
new_data = $.map(response.date, function(el, index) {
return {
name: el,
y: parseInt(response['count'][index])
};
});
Additionally, with that data structure, I recommend you to use category
axis type.
xAxis: {
...,
type: 'category'
}
Live demo: http://jsfiddle.net/BlackLabel/ptx6fy2q/
API Reference: https://api.highcharts.com/highcharts/xAxis.type
Source: stackoverflow.com
Related Query
- highcharts line graph with ajax
- Creating a line graph with highcharts and data in an external csv
- How to draw a line on a highcharts graph from an AJAX call?
- Highcharts plot offset on line graph with categories
- How to use ajax call to populate line graph in highcharts
- How to get 2 data-points with one name in series Line Graph Highcharts Reactjs
- Highcharts with AJAX graph generating
- missing value in highcharts line graph results in no line, just points
- Highcharts: Line graph with half solid line and half dotted line?
- Highcharts - Dyanmic graph with no initial data
- Load data into Highcharts with Ajax
- Highcharts - best way to handle and display zero (or negative) values in a line chart series with logarithmic Y axis
- How do I set highcharts line graph point colors to an array of colors?
- Highcharts - Scatter chart with a line connecting the dots in the series
- Add dynamic data to line chart from mysql database with highcharts
- Highcharts scatter plot with variable line width
- Highcharts stacked column bar with line
- Programmatically draw rect and line in Highcharts with zoom
- Highcharts - Global configuration with common code and unique data & Headings
- Highcharts load data with ajax to populate the tooltip
- Highcharts not displaying series data for graph with multiple Y-axes
- Highcharts - update column graph with setData() not working
- Highcharts pie graph with two rings filtering
- Highcharts line with null values
- AngularJS for Highcharts with dynamic ajax data
- Highcharts with ajax and json data what am i doing wrong?
- Highcharts column + line combination chart with multiple series. Issue aligning line over the column
- How can I force ticks/grid lines on a Highcharts datetime X axis to arbitrarily line up with data points?
- Highcharts Column-chart with php and Ajax
- highcharts zoomable 6 month line graph
More Query from same tag
- Overlapping flags in Highstock
- Highcharts gauge keep tooltip visible and centered
- how to set underline style on subtitle highchart?
- How do I change speedometer caption style changes in highcharts
- Highchart and HTMLCanvas
- Highchart Y-axis point is not showing
- highchart mysql json issue
- Pie chart slice - center of mass
- Using JSON file in Highcharts
- Read data from csv file in Highchart Angular
- x-axis minimum value to 2 and tickinterval of 6 months using highcharts
- Highcharts : style (css)
- Ember Highcharts Component throwing odd error
- How to invert multiple y-axis in R highcharter?
- High charts not showing all the values on X-asix
- adding live data to highstock Using json file
- High Chart X Axis to display month and year
- angular 4 Highcharts set yAxis Categories
- Highcharts adding additional blank series from csv
- How to round of bar values in highcharts
- How to display basic line graph in Highchart for multiple categories' data from csv?
- Highcharts export chart exportSettings with svg file
- Set additional information in highcharts tooltip
- HighCharts for stock prediction data
- How to set yAxis min/max in Highcharts synchronized chart with JSON
- Drill down function in highcharts in case of line charts
- refactor javascript to an external file
- How to enable the vertical scrollbar in Highcharts?
- How to convert to jpg and download div containing highchart and dynamically generated html table?
- Why isn't my spline chart showing when using combo charts?