ECharts · Example

option = {
    title : {
        text: '預算 vs 開銷（Budget vs spending）',
        subtext: '純屬虛構'
    },
    tooltip : {
        trigger: 'axis'
    },
    legend: {
        orient : 'vertical',
        x : 'right',
        y : 'bottom',
        data:['預算分配（Allocated Budget）','實際開銷（Actual Spending）']
    },
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    polar : [
       {
           indicator : [
               { text: '銷售（sales）', max: 6000},
               { text: '管理（Administration）', max: 16000},
               { text: '信息技術（Information Techology）', max: 30000},
               { text: '客服（Customer Support）', max: 38000},
               { text: '研發（Development）', max: 52000},
               { text: '市場（Marketing）', max: 25000}
            ]
        }
    ],
    calculable : true,
    series : [
        {
            name: '預算 vs 開銷（Budget vs spending）',
            type: 'radar',
            data : [
                {
                    value : [4300, 10000, 28000, 35000, 50000, 19000],
                    name : '預算分配（Allocated Budget）'
                },
                 {
                    value : [5000, 14000, 28000, 31000, 42000, 21000],
                    name : '實際開銷（Actual Spending）'
                }
            ]
        }
    ]
};

切換主題