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 scatterChartData from './data.js';

const options = {
    type: "scatter",
    data: {
        series: {
            scatterShape: "square",
            points: scatterChartData
        }
    },
    graphSettings: {
        gridLineSize: 0,
        xAxis: {
            customScale: {
                min: 0,
                max: 120
            }
        },
        yAxis: {
            customScale: {
                min: 0,
                max: 120
            }
        }
    }
};

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