Incubator-echarts: すみません、レーダーチャートでは、1つの軸のラベルしか表示できませんか？

作成日 2016年07月16日 · 3コメント · ソース: apache/incubator-echarts

axisLabelを使用すると、軸上のすべてのラベルが表示されますが、1つの軸のラベルのみを表示することはできますか？
誰かが同じ問題に遭遇しましたか？

オプション= {
ツールチップ：{}、
レーダー：{
//形状： '円'、
インジケーター：[
{名前： '販売'、最大：650}、
{名前： '管理者'、最大：1600}、
{名前： 'インフォア'、最大：3000}、
{名前：「カスタマーサポート」、最大：3800}、
{名前： 'Deve'、最大：5200}、
{名前：「マーケット」、最大：2500}
]、
名前： {
textStyle：{
fontSize：5
}
}、
領域分割： {
areaStyle：{
色：['＃ffffff'、 '＃ffffff'、 '＃fffffff'、 '＃ffffff']
}
}、
splitLine：{
lineStyle：{
色： 'rgba（127、127、127、1）'
}
}、
axisTick：{
表示：false、

                        },
                        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',
                                    }
                                },
                            }
                        ]
                    }]
                };

ソース

marine1ly

最も参考になるコメント

使用している電子チャートのバージョンが2か3かわかりません。
バージョン2では、次のように設定できます。
tooltip : { trigger: 'axis' },
軸ごとにトリガーするには、trigger： 'item'トリガーがデフォルトで使用され、すべてのデータが表示されます。
ただし、このバージョンのe-charts3を使用する場合、trigger： 'axis'は効果がありません。公式APIによると、バージョン3の方がサポートが優れているとのことですが、現在の効果は実際には達成されていません。

shine11lyj 2016年07月17日

👍3

全てのコメント3件

shine11lyj 2016年07月17日

👍3

こんにちは、私は3.2.2を使用しています、ありがとう。次に、2を使用して試してみます。
ありがたい

marine1ly 2016年07月17日

echarts2がサポートできます。3では、echarts.jsファイルを自分で変更しました。マウスと原点の間の角度を計算して、どちらを表示するかを決定できます。
// @ wangjx
// 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）{
角度= 180-角度;
}
if（mx == px && my> py）{
角度= 180;
}
if（mx> px && my == py）{
角度= 90;
}
if（mxpy）{
角度= 180 +角度;
}
if（mx 角度= 270;
}
if（mx 角度= 360-角度;
}
// Echartsレーダーは反時計回りに回転します。
360度を返します。
};

    //<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;
    };

AHuskyWithRockSoul 2017年02月09日

このページは役に立ちましたか？

0 / 5 - 0 評価

Incubator-echarts: すみません、レーダーチャートでは、1つの軸のラベルしか表示できませんか？

最も参考になるコメント

全てのコメント3件

関連する問題