echarts雷達(dá)圖中如何能夠在分割線上顯示數(shù)值?

翻遍了echarts文檔沒(méi)有發(fā)現(xiàn)哪項(xiàng)設(shè)置能夠顯示,官方示例和Gallery中也都有沒(méi)有符合要求的

想要的效果是這樣,在這個(gè)軸上顯示一個(gè)數(shù)值方便查看和對(duì)比
圖片描述

Gallery中看到一個(gè)符合要求的,但是他的例子只不過(guò)是把數(shù)據(jù)的值設(shè)置為相同的,然后顯示值達(dá)到類(lèi)似的效果,我的圖數(shù)據(jù)多,每個(gè)值顯示出來(lái)會(huì)很亂,而且也不可能每個(gè)值都相同.
圖片描述

上代碼

    $.ajax({
        type: 'get',
        url: '../csv2json/ttl-G1-radar.json',//請(qǐng)求數(shù)據(jù)的地址
        dataType: 'json',        //返回?cái)?shù)據(jù)形式為json
        success: function (result) {
            var datas = [];
            for (var i=0;i<result['列1'].length;i++){
                var alldata = {text:result['列1'][i]}
                datas.push(alldata)
            };
            var se = [];
            for (var key in result){
                if(key == '列1'){
                }else{
                    se.push({
                        type:'radar',
                        // zlevel:2,
                        data:[{
                            name:key,
                            value:result[key]
                        }],
                        symbol:'circle',
                        // silent:true, //是否可交互,true不交互
                    })
                }
            }
            myChart.setOption({
                title: {
                    text: 'total-豪華車(chē)'
                },
                tooltip: {
                    show: true
                },
                legend: {
                    type: 'scroll',
                    orient: 'vertical',  //設(shè)置欄位如何顯示,橫軸或縱軸
                    top: '10%',
                    left: '10%',
                },
                radar: {
                    splitNumber: '6',
                    triggerEvent: true,
                    // scale: true,
                    axisLabel:{
                        inside:false,
                        // formatter:'{value}kg',
                        fontStyle:'oblique',
                    },
                    // splitLine:{
                    //     show:true,
                    //     lineStyle:{
                    //         color:'red',
                    //         width:2,
                    //         type:'soild',

                    //     }
                    // },
                    splitArea:{
                        show:true
                    },
                    indicator: datas,
                    center: ['60%', '50%'],
                    radius: '60%',
                },
                // 全局文字樣式
                textStyle: {
                    color: 'black',
                },
                series:se
            });
        },
    })

json數(shù)據(jù)示例
{
"謳歌": [

"9",
"12",
"14",
"16",
"10",
"12",
"9",
"14",
"10",
"11",
"17",
"12",
"10",
"9",
"9",
"10",
"13",
"9",
"10",
"9",
"9",
"10",
"13",
"12",
"13",
"12",
"9",
"12",
"13",
"17"

],
"列1": [

"4S店網(wǎng)點(diǎn)多",
"安全的",
"不斷出新的",
"操控性好",
"操作簡(jiǎn)便",
"產(chǎn)品外觀設(shè)計(jì)吸引人",
"車(chē)輛價(jià)格實(shí)惠",
"動(dòng)力強(qiáng)勁的",
"返修率低",
"廣告吸引人",
"國(guó)際品牌",
"國(guó)際市場(chǎng)領(lǐng)導(dǎo)者",
"國(guó)內(nèi)市場(chǎng)領(lǐng)導(dǎo)者",
"環(huán)保的",
"技術(shù)領(lǐng)先的",
"駕駛舒適的",
"堅(jiān)固耐用的",
"歷史悠久的",
"內(nèi)部空間寬敞",
"內(nèi)部裝飾有吸引力",
"年輕有活力的",
"省油",
"試駕體驗(yàn)好",
"售后維修保養(yǎng)服務(wù)好",
"體現(xiàn)身份和社會(huì)地位",
"維修保養(yǎng)成本低",
"物有所值",
"銷(xiāo)售服務(wù)好",
"值得信賴(lài)",
"專(zhuān)業(yè)的"

],
"寶馬": [

"34",
"40",
"34",
"38",
"31",
"38",
"19",
"38",
"31",
"34",
"46",
"43",
"33",
"25",
"43",
"38",
"31",
"42",
"37",
"38",
"33",
"21",
"31",
"32",
"48",
"20",
"26",
"34",
"38",
"41"

]
}

回答

編輯回答

有你在

這個(gè)？
http://gallery.echartsjs.com/...

2017年9月3日 12:58

編輯回答

墨沫

  option = {
        title: {
            text: '基礎(chǔ)雷達(dá)圖'
        },
        tooltip: {},
        legend: {
            data: ['謳歌', '寶馬']
        },
        //極坐標(biāo)系的徑向軸
        polar: {},
        angleAxis: {},
        radiusAxis: {
            type: 'value',
            min: 0,
            max: 100,
            interval: 20
        },
        radar: {
            // shape: 'circle',
            name: {
                textStyle: {
                    color: '#fff',
                    backgroundColor: '#999',
                    borderRadius: 3,
                    padding: [3, 5]
                }
            },
            indicator: [
                { name: "4S店網(wǎng)點(diǎn)多", max: 100},
                { name: "安全的", max: 100},
                { name: "不斷出新的", max: 100},
                { name: "操控性好", max: 100},
                { name: "操作簡(jiǎn)便", max: 100},
                { name: "產(chǎn)品外觀設(shè)計(jì)吸引人", max: 100},
                { name: "車(chē)輛價(jià)格實(shí)惠",  max: 100},
                { name: "動(dòng)力強(qiáng)勁的",  max: 100},
                { name: "返修率低",  max: 100},
                { name: "廣告吸引人",  max: 100},
                { name: "國(guó)際品牌",  max: 100},
                { name: "國(guó)際市場(chǎng)領(lǐng)導(dǎo)者",  max: 100},
                { name: "國(guó)內(nèi)市場(chǎng)領(lǐng)導(dǎo)者",  max: 100},
                { name: "駕駛舒適的",  max: 100},
                { name: "堅(jiān)固耐用的",  max: 100},
                { name: "環(huán)保的",  max: 100},
                { name: "技術(shù)領(lǐng)先的",  max: 100},
                { name: "歷史悠久的",  max: 100},
                { name: "內(nèi)部空間寬敞", max: 100},
                { name: "內(nèi)部裝飾有吸引力",  max: 100},
                { name: "年輕有活力的",  max: 100},
                { name: "省油",  max: 100},
                { name: "試駕體驗(yàn)好",  max: 100},
                { name: "售后維修保養(yǎng)服務(wù)好",  max: 100},
                { name: "體現(xiàn)身份和社會(huì)地位",  max: 100},
                { name: "維修保養(yǎng)成本低",  max: 100},
                { name: "物有所值",  max: 100},
                { name: "銷(xiāo)售服務(wù)好",  max: 100},
                { name: "值得信賴(lài)",   max: 100},
                { name: "專(zhuān)業(yè)的",  max: 100}
            ]
        },
        series: [{
            name: '謳歌 vs 寶馬',
            type: 'radar',
            // areaStyle: {normal: {}},
            data : [
                {
                    value : [9, 12, 14, 16, 10, 12, 9, 14, 10, 11, 17, 12, 10, 9, 9, 10, 13, 9, 10, 9, 9, 10, 13, 12, 13, 12, 9, 12, 13, 17],
                    name : '謳歌',
                        // 節(jié)點(diǎn)展示數(shù)據(jù)
                    label: {
                        normal: {
                            show: true,
                            formatter:function(params) {
                                return params.value;
                            }
                        }
                    }
                },
                },
                {
                    value : [34, 40, 34, 38, 31, 38, 19, 38, 31, 34, 46, 43, 33, 25, 43, 38, 31, 42, 37, 38, 33, 21, 31, 32, 48, 20, 26, 34, 38, 41],
                    name : '寶馬',
                        // 節(jié)點(diǎn)展示數(shù)據(jù)
                    label: {
                        normal: {
                            show: true,
                            formatter:function(params) {
                                return params.value;
                            }
                        }
                    }
                },
                }
            ]
        }]
    };

圖片描述

2018年7月8日 05:45