Skip to main content

Graph Customization

Tip

Please refer the Graph samples for more Graph related customizations.

Loading

Source Code

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

const options = {
    type: "bubble",
    data: {
        series: {
            points: bubbleChartData
        }
    },
    graphSettings: {
        labelFontSize: "13px",
        labelColor: "#37474f",
        xAxis: {
            customScale: {
                min: 0,
                max: 100,
                interval: 25
            }
        },
        yAxis: {
            customScale: {
                min: 0,
                max: 140,
                interval: 20
            }
        }
    }
};

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