Skip to main content

Area Customization

Loading
Options
Line size
Point radius
Line color
Area color
inherit

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

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

const options = {
    type: "area",
    data: {
        labels: [2010, 2011, 2012, 2013, 2014, 2015, 2016],
        series: {
            points: [12, 17, 9, 17, 23, 18, 26],
            lineSize: 5,
            pointRadius: 0,
            pointStyle: "solid",
            lineColor: "#50E3C2",
            areaColor: "#50E3C24d"
        }
    },
    graphSettings: {
        yAxis: {
            startFromZero: true
        }
    }
};

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