I'm encountering some issues with a visualization I'm trying to create using C3.js.
The top and side edges of my scatter chart are getting cropped (likely due to changing the radius of the bubbles), but I don't believe that should be causing a problem. I've attempted to add padding, but it didn't resolve the issue.
When hovering over the bubbles, additional data appears in a donut chart below. However, when the mouse moves away, the legend for the chart doesn't disappear.
I've provided a link to the fiddle I worked on.
var chart3 = c3.generate({
bindto: '#chart1',
padding: {
left: 150,
right: 150
},
data: {
columns: [
['Posts', 666, 674, 919, 2300, 1200, 961]
],
type: 'scatter',
axis: {
x: {
type: 'category',
categories: ['October', 'November', 'December', 'January', 'February', 'March']
}
},