Line 設定

設定資料

先設定給data 變數以及options ，先看下方範例。

var option ={};
var datas ={
    labels: ['熱處理', '基磨', '成磨', 'QA成品'],
    datasets: [{
        label: '使用次數',
        data: [65, 60, 70, 74],
        fill: false,
        backgroundColor:[
            'rgba(54, 162, 235, 1)'
        ],
        borderColor: [
            'rgba(54, 162, 235, 1)'
        ],
        borderWidth: 1,
    }],
};

function Line_Status_1() {
    var ctr = $('#Line__canvaas_1');
    var line = new Chart(ctr, {
        type: 'line',
        data: datas,
        options:option
    });
}

新增一個 labels 以及line

var datas ={
    labels: ['熱處理', '基磨', '成磨', 'QA成品'],
    datasets: 
    [
        {
            label: '使用次數',
            data: [65, 60, 70, 74],
            fill: false,
            backgroundColor:[
                'rgba(54, 162, 235, 1)'
            ],
            borderColor: [
                'rgba(54, 162, 235, 1)'
            ],
            borderWidth: 1,
        },
        {
            label:'停機次數',
            data: [45, 36, 31,40],
        }
    ],
};

Color設定

Name	Type	Default	Description
backgroundColor	Color	rgba(0, 0, 0, 0.1)	Background color.
borderColor	Color	rgba(0, 0, 0, 0.1)	Border color.
color	Color	#666	Font color.