score:0
with using highcharts, you can preprocess your data to the: [name, y]
format and use category axis type. example:
for (let key in data) {
chartdata.push([key, data[key]]);
}
highcharts.chart('container', {
xaxis: {
type: 'category'
},
series: [{
type: 'column',
data: chartdata
}]
});
live demo: http://jsfiddle.net/blacklabel/cjk3uboh/
highcharts angular wrapper: https://www.npmjs.com/package/highcharts-angular
Source: stackoverflow.com
Related Query
- How to create chart using Springboot Json api
- How to create a drilleable bar graph in jsp page using open source charts API
- How to create a column range chart in Highcharts using range and navigator functions?
- How to create Chart Data using SQL query
- How can i create doughnut chart using oxyplot in xamarin.android?
- how to create donut chart using highcharts?
- create a donut chart using highchart using jquery json object
- How to create Waterfall model chart using QuickChart?
- How to create a stacked area chart with logarithmic (log) scale using Highcharts?
- How to create a progressive pie chart using Highcharts
- Create a HighCharts pie chart using JSON Data
- How to create a stacked chart with cumulative line using Highchart.js
- How to create india map chart using Hightcharts?
- How to create a tooltip chart in r using highcharter?
- How to create monthly candlestick chart using daily data?
- Creating a Pie Chart using PHP to create json
- How to format PHP into the proper string for JSON in pie chart using highchart
- How to display the value instead of percentage in a pie chart using jquery Highcharts
- HighCharts - How to create dynamic chart that exports EVERYTHING
- How to create a new Highstock chart with new Highchart and not jquery?
- Create Density Heatmap Chart using Jquery with array of data
- How to email any chart using Highcharts?
- How get data name in Highcharts pie chart legend instead of "Slice" using array of values?
- How to create an inner circle pie chart in Highcharts
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- Rails generates chart for .each do |x| using highcharts or any other chart API
- how to sort and select top 5 elements in a json array using angular JS
- display pie chart using highcharts api and mysql
- How to integrate market depth chart using highchart?
- How to create a table for legend of a Stacked Chart in Highcharts?
More Query from same tag
- Highcharts passing variable to tooltip
- Create Highchart (Column chart) and read data from external json file
- highchart scatter with 24 hours time on y axis and the day of the transaction on x axis
- Hover entire container contents with an Overlay
- Highcharts nearest point tooltip not show due to undefined series
- Highstock mysql json multiple data
- Gauge chart in ng2-highcharts
- Update from milestone to task Highcharts gantt
- highcharts dynamic categories not working
- Highcharts - PDF export format; font sizes for bar chart axis
- How to set opacity of a single bubble in Highcharts
- Position dataLabel above a certain column Highcharts
- HighCharts Axis Label Encoding
- Highmaps Kentucky isn't highlighted when printing using US-All map
- Highcharts JS: Download all charts of current site with one click
- HighMaps: Align ColorAxis within Legend
- JSFiddle API examples are broken
- How to remove/hide export button in full screen view in highcharts-angular
- Highcharts problem - showing labels in zoomable chart
- Highcharts stacked column chart with with irregular time intervals possible?
- In Highcharts can legends be shown as dropdown or option of select all deselect all legends?
- Angualr2/4 -Unable to generate highchart
- How to export Highcharts with CMYK colors?
- Highcharts column chart with data from mongodb
- Multiple intervals in columnrange chart Highcharts
- Email Charts - Bar, Area and Pie Charts
- can we set the data labels out of the slice if it is not fit in +highchart?
- How can i force Highcharts to use same symbols in Legend and Series?
- Highcharts. During export chart labels are cropped
- How to fix this error Type 'number' has no properties in common with type 'XrangePointOptionsObject'