score:1
i think the issue is that you need to convert the data into a format supported by bubble charts. for line and bar charts data can be integers or floats but for bubble charts they need to be objects with a specified 'x', 'y' and 'r' (radius) value.
so for example to display a data in a bubble graph at point (1,4) with a radius of 10, you'll specify it as:
{x: 1, y: 4, r: 10}
one way of doing this could be to call a helper function before creating a bubble chart or storing a copy of the data as an object to be used only for bubble charts. it really depends on how you've set up your project and if you are concerned about the number of computations carried out or not. hope this helps!
Source: stackoverflow.com
Related Query
- Chart JS - Bubble Chart is not getting rendered when loaded Dynamically
- The chart is not getting shown when page is loaded
- Pie chart is not getting rendered in ChartJS
- Line Chart is not setting backgroundColor when created dynamically Chart.js
- Dynamically loaded chart data not showing Chartjs React
- Chart is not populating when getting the data from AJAX call
- Chart content not getting loaded in popup
- Uncaught TypeError: Chart is not a constructor when using Chart.js
- vue.js vue-chartjs chart not updating when chartData replaced, updated etc
- Primevue Chart not rendered
- Bubble Chart in Chartjs not working
- Chart.js chart does not display when inside an ngIf.
- Stacked line chart not displaying correctly when Xaxis is time
- chart is not getting updated from the values it received from Jquery
- Css style not working well when resizing chart height in angular application
- Chart JS chart not rendering in ArcGIS popup when using navigation arrows
- Bar Chart Not Stacking When Using ChartJs
- Update Chart js chart dynamically in angular 2 from data getting from nodejs service
- Chart.js bubble chart pointStyle not working
- chart.js not getting rendered inside ng-template in angular
- pie chart not rendered properly in flask app
- vue-chart.js / vuex: Chart not updating when vuex state changes
- Chart content not getting displayed in ionic
- Chartjs does not render chart when set responsive option to true
- colors are not updated when updating chart
- vue-chartjs not working properly in flexbox and when resize chart goes blank
- Angular-Charts bar chart does not update when I change the data, series, labels
- Destroying chart.js is not working when chart created inside function - chart.destroy() is not a function
- Bar Chart not displaying when using chart.js
- How to print a chart rendered by code
More Query from same tag
- Chart.js chart doesn't render when using Angular 2
- Chartjs add and remove data
- Catch event of show and hide dataset at chart.js
- Chart JS add max value to legend
- How to change the color of the bar in barchart if the data is negative - Angular Charts
- Smallest values are invisible in ng2-charts bar charts
- Chart.js change color of Bar
- ChartJS does not render correctly
- JS count numbers between
- Revert tooltip order
- Chart.js legend - split into two and display separately?
- Chart.js not showing when i try to format dates
- Create PDF with mpdf and chart.js
- Multiple y-axis in horizontalBar chart js
- Display multiple datasets from array with chart.js
- Why is my data on chartjs not starting from the data that it should
- How to Push data dynamically from firebase to bar graph in angular
- Different color for each bar in a bar chart; ChartJS
- React-chartjs-2: How to display timeline of released dates over 5 past years in Bar Chart?
- impressions in google analytics is zero while sessions and users are more
- Chart.js cartesian axes - Modifying tool-tip based on which y-axis the data corresponds to
- Chart.js – Line Chart Tooltip Labels
- Chart.js Bar Chart: How to remove space between the bars in v2.3?
- How to embed chart.js in angular-seed
- Charts.js How to add a link when you click a barchart?
- ChartJS - Line chart issue with only 1 point
- How to print angular-chart
- How to plot multiple value for one X-axis chart.js
- how to reset the graph/chart after zoomin, pan using chartjs
- Email a chartjs graph in laravel