Skip to main content

Bubble Customization

Loading
Options
Bubble color
Border color
Border width

Source Code
(Live update based on the above Options change)

import { Chart } from 'singledivui';
import 'singledivui/dist/singledivui.min.css';
import bubbleChartData from './data.js';

const options = {
    type: "bubble",
    data: {
        series: {
            points: bubbleChartData,
            bubbleColor: "#98e21e80",
            bubbleBorderColor: "#88ce17",
            bubbleBorderWidth: 2
        }
    }
};

new Chart('#chart-demo', options);