Echarts 效果圖

image.png

Echarts 繪制雷達(dá)圖

閑話不多說,直接到觀眾老爺們最喜歡的上代碼環(huán)節(jié)

js代碼

 // 指定圖表的配置項(xiàng)和數(shù)據(jù)
var describeday = '2020-12-08';
var score_chosenday = ['0.1', '0.3', '1.2', '1.7', '1.4'];
option = {
    title: {
        text: '',
    },
    grid: {
        x: 2,
        y: 4,
        x2: 5,
        y2: 2,
        borderWidth: 1,
    },
    tooltip: {},
    legend: {
        data: [describeday, '同期'],
    },
    radar: {
        // shape: 'circle',
        name: {
            textStyle: {
                color: '#fff',
                backgroundColor: '#999',
                borderRadius: 3,
                padding: [3, 5],
            },
        },
        indicator: [
            { name: '利率債二級(jí)', max: 2, min: -2 },
            { name: '國(guó)債期貨', max: 2, min: -2 },
            { name: '資金面', max: 2, min: -2 },
            { name: '信用及地方債一級(jí)', max: 2, min: -2 },
            { name: '信用債二級(jí)', max: 2, min: -2 },
        ],
        // center: ['25%', '40%'],
        radius: 200,//調(diào)整雷達(dá)圖大小
    },
    series: [
        {
            type: 'radar',
            // areaStyle: {normal: {}},
            data: [
                {
                    value: score_chosenday,
                    name: describeday,
                },
                {
                    value: [1, 2, 0, 1, 0],
                    name: '同期',
                    lineStyle: {
                        type: 'dashed',
                    },
                },
            ],
        },
    ],
};