score:0
Accepted answer
I presume your json's output format is wrong. It likes to be [{"name":"HP","data":[[80,85,87.5]]},{"name":"DELL","data":[[65,80,58.5]]},{"name":"SONY","data":[[55,55,60]]}].
and your bubbleChart.php you can fetch data like this
$rows = array();
$rows['name'] = $rowsBubble['product_name'];
$rows1 = array();
$rows1[0] = $rowsBubble['pro_rating'];
$rows1[1] = $rowsBubble['specs_rating'];
$rows1[2] = $rowsBubble['avrg_rating'];
$rows['data'][0] = $rows1;
array_push($result,$rows);
Try this format .Check what your json returns. I think it will be work fine.
score:2
You need to parse your json to have the same data as in hardcoded version. The data require to be numbers, instead of strings.
Source: stackoverflow.com
Related Query
- How can I get proper object through loop using javascript for Bubble Charts of Highcharts
- how to get each key and value from object in javascript for high chart graph
- How can I get access to a Highcharts chart through a DOM-Container?
- How to get Render Performance for Javascript based Charting Libraries?
- How can I display the outcome of the for loop in highcharts
- How to include highcharts motion plugin for bubble plot using R wrapper?
- How can I automate high charts and graphs using selenium webdriver?
- How can I set the legend symbol color for a series when using colorByPoint?
- How can I get a chart only with legends using highcharts
- HTML table as data source for highstock charts using highcharts
- How can I get arrows at the end of x-axis and y-axis using highcharts.js?
- How to create a drilleable bar graph in jsp page using open source charts API
- How to generate proper csv file format using javascript
- how to limit the label size only for bubble diameter in high charts
- How can I get every bar in different colour using Highchart?
- How to set object value in color attribute for high charts legends?
- Highcharts: when having multiple columns for the same X axis value, how can I get 1 tooltip per column?
- javascript for loop through nested json values
- Can I get input field object from range selector using java? Highchart
- highchart How can I get width parent element for calculated x max in xAxis
- How to get categories from a database for highcharts using codeigniter
- How to format PHP into the proper string for JSON in pie chart using highchart
- How can I get the max value of a y axis at highcharts?
- How can I read an Excel File with JavaScript (without ActiveXObject)
- How do I dynamically change a data point in Highcharts using JavaScript
- Javascript Highcharts v3.0.5 - How to hide Y Axis Title when using multiple Y Axis
- Rails - convert date string into javascript date object for highcharts
- how to get chart object inside a point event function in Highcharts
- In TypeScript, how do I work out the proper type for 'this'?
- Can I assign a different radius for each pie slice using Highcharts?
More Query from same tag
- Load data into Highcharts with Ajax
- Highcharts tooltip backgroundColor inherit from the hovered element
- Highcharts Output Data to HTML Table
- Highcharts gauge incorrectly rendering label values
- Highstock Change tick interval on range selector change
- Javascript - How do I get the first element in an array?
- Highcharts scatter marker translation error
- How to plot map and data with respect to zipcodes/neighbourhoods for amsterdam
- HIGHCHARTS How to to make separate colors for shaded region and the line in Area Graph
- Radial Pie Chart Datalabels in Highcharts
- HighchartsJS getting data from URL and pass it to series data
- Spider Highchart - different color for each gridline
- How to show an empty chart in beginning and populate values on button click
- Convert javascript datetime object to the format acceptable by highcharts Date.UTC(2014, 0, 2)
- Add null values to Array Javascript
- Accessing another list in the dataLabels.formatter function in Highcharts
- Highchart x-Axis labels shows double dates
- Highcharts single row stacked horizontal bar: labels overlap --- bar segments too small to read "dataLabels" --- (change "distance" of "dataLabels"?)
- How to display extra data in highcharts bubble chart tooltip with datetime x-axis
- My Highcharts graph with multiple axis ignores the max value I set for the first yaxis
- Using Highstock with bower and grunt
- Adding thousands separator for custom formatted highcharts tooltip
- PHP and highcharts: add mysql results as new column in CSV file
- How to get drop shadow effect in Highchart JS?
- Problem loading an array initialized in another script on webpage
- Multi-Line Title is not working when we export to PNG using CanVG - Highcharts
- Fullscreen bootstrap 4 card with highcharts
- Highchart multiple threshold colors
- from Google Visualization Datatable to Highcharts data format
- highcharts transform json data with Date.UTC