Skip to main content

Line & Point Customization

Loading
Options
Line size
Point radius
Line color
Point color
inherit
Point style

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

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

const options = {
    type: "line",
    data: {
        labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun"],
        series: {
            points: [49, 160, 100, 190, 150, 255],
            lineSize: 2,
            lineColor: "#00a899",
            pointColor: "inherit",
            pointRadius: 7,
            pointStyle: "circle-dot",
            pointInnerColor: "white"
        }
    }
};

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