Incubator-echarts: Permisi, bagan radar, hanya dapat menampilkan label satu sumbu?

Dibuat pada 16 Jul 2016 · 3Komentar · Sumber: apache/incubator-echarts

Setelah menggunakan axisLabel, semua label pada sumbu akan ditampilkan. Apakah mungkin untuk menampilkan hanya label satu sumbu?
Apakah ada yang mengalami masalah yang sama?

pilihan = {
keterangan alat: {},
radar: {
// bentuk:'lingkaran',
indikator: [
{nama:'Penjualan', maks: 650},
{nama:'Admin', maks: 1600},
{nama:'Infor', maks: 3000},
{nama:'Dukungan Pelanggan', maks: 3800},
{nama:'Deve', maks: 5200},
{nama:'Pasar', maks: 2500}
],
nama: {
gaya teks: {
ukuran font: 5
}
},
splitArea: {
gaya area: {
warna: ['#ffffff','#ffffff','#fffffff','#ffffff']
}
},
garis pemisah: {
gaya garis: {
warna:'rgba(127, 127, 127, 1)'
}
},
axisTick: {
menunjukkan: palsu,

                        },
                        axisLabel: {
                            show: true,
                            inside: true,
                            margin: 10,
                            formatter: '{value} %',
                            textStyle: {
                                fontSize: 2,
                            }
                        },
                        nameGap: 2,
                        radius: '65%',
                        splitNumber: 4,
                    },
                    series: [{
                        name: 'Budget vs spending',
                        type: 'radar',
                        // areaStyle: {normal: {}},
                        data : [
                             {
                                value : [500, 1500, 140, 310, 4020, 210],
                                name : 'Actual Spending',
                                lineStyle: {
                                    normal: {
                                        color: '#c0504d',
                                    }
                                },
                                areaStyle: {
                                    normal: {
                                        color: '#c0504d',
                                    }
                                },
                            }
                        ]
                    }]
                };

Sumber

marine1ly

Komentar yang paling membantu

Saya tidak tahu apakah versi e-chart yang Anda gunakan adalah 2 atau 3.
Dalam versi 2: Anda dapat mengatur:
tooltip : { trigger: 'axis' },
Untuk memicu menurut sumbu, pemicu: pemicu 'item' digunakan secara default, dan semua data akan ditampilkan;
Tetapi ketika menggunakan versi e-charts3 ini, trigger:'axis' tidak berpengaruh.Meskipun api resmi mengatakan bahwa versi 3 dapat mendukungnya dengan lebih baik, efek saat ini sebenarnya tidak tercapai;

shine11lyj pada 17 Jul 2016

👍3

Semua 3 komentar

shine11lyj pada 17 Jul 2016

👍3

Halo, saya menggunakan 3.2.2, terima kasih. Kemudian saya akan menggunakan 2 untuk mencoba.
bersyukur

marine1ly pada 17 Jul 2016

echarts2 dapat mendukung. Dalam 3, saya memodifikasi file echarts.js sendiri. Saya dapat menghitung sudut antara mouse dan asal untuk menentukan mana yang akan ditampilkan
//@wangjx
//hitung sudut berlawanan arah jarum jam dari mousePos-coordinate - Y-line.
var getAngle = function(mx,my,px,py){
var x = Math.abs(px-mx);
var y = Math.abs(py-my);
var z = Math.sqrt(Math.pow(x,2)+Math.pow(y,2));
var cos = y/z;
var radina = Math.acos(cos);
var angle = Math.floor(180/(Math.PI/radina));
if(mx>px && my>py){
sudut = 180-sudut;
}
if(mx==px && my>py){
sudut = 180;
}
if(mx>px && my==py){
sudut = 90;
}
jika (mxpy){
sudut = 180+sudut;
}
jika (mx sudut = 270;
}
jika (mx sudut = 360-sudut;
}
//radar Ecarts berputar berlawanan arah jarum jam.
kembali 360-sudut;
};

    //<strong i="37">@wangjx</strong>
    //get index by angle;
    var getIndexToDisplay = function(num,angle){
        var filterIndex =0;
        for(var i=0; i<num; i++){
            if(angle>(360/num*i-360/num/2) && angle<(360/num*i+360/num/2)){
                filterIndex = i;
                break;
            }
        }
        return filterIndex;
    };