HighCharts-ポイントをオフにするにはどうすればよいですか?


83

HighChartsを使用しています。これがドキュメントです。それらのポイントをオフにしたいのですが、最初はそれがどのように呼ばれるのかわかりません。したがって、それらをオフにすることはできません。どうすればそれらのポイントを殺すことができるか知っていますか?

私はそれらの点を変えたいと思います

回答:


132

折れ線グラフの例を次に示します。http//jsfiddle.net/aeZ6P/1/

重要な部分:

plotOptions: {
    line: {
        marker: {
            enabled: false
        }
    }
}

参照:https//api.highcharts.com/highcharts/plotOptions.line.marker.enabled

スプラインと同じ効果:http//jsfiddle.net/aeZ6P/


2
ホバー時にマーカーをオフにする方法はありますか?ホバーを試みました:{有効:false}}運がない:jsfiddle.net/aeZ6P/36
igrek

5
@ igrek-このように?jsfiddle.net/aeZ6P/37追加したコードはstates: { hover: { enabled: false } }
Tim Medora

ラインをオフにしてマーカーのみを保持する方法はありますか?私はそれがこの質問の正反対になると思いますか?
disp_name 2016

1
@ RajatAgarwal-線を無効にする適切な方法が見つかりませんでしたが、幅を0pxに設定することで線を非表示にすることができました:jsfiddle.net/aeZ6P/257
Tim Medora

84

ハイチャートでは、マーカーを無効にする3つの方法があります。

1)タイプごとにすべてのシリーズを無効にします。

plotOptions: {
    line: { /* or spline, area, series, areaspline etc.*/
        marker: {
           enabled: false
        }
    }
}

2)1つの特定のシリーズに対して無効にします。

series: [{
    data: [14,17,21],
    marker: {
       enabled: false
    }
}]

3)特定のポイントのマーカーを無効にします。

series: [{
    data: [{
        y: 14,
        marker: {
            enabled: false
        }
    },{
        y: 17
    },{
        y: 21
    }]
}]

また、各データ系列の行にカーソルを合わせた時点で図を無効にするにはどうすればよいですか?
ピョートル

単に無効にしstates.hoverます。
パヴェルFuを

1
@PawełFusありがとう。plotOptions.series.states.hover動作します。この投稿を見てよかったです。
Juniuz 2017年

12

HighChartsAPIリファレンスからこれを見てください。

http://api.highcharts.com/highcharts#plotOptions.series.marker.enabled

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-marker-enabled/

追加する必要のあるオプションは次のとおりです。

    plotOptions: {
        series: {
            marker: {
                enabled: false
            }
        }
    },

この方法は、ポイントマーカーを使用するすべてのグラフで機能するため便利です。特定のチャートタイプが必要な場合は、以下を確認してください。

    plotOptions: {
        line: { // <--- Chart type here, check the API reference first!
            marker: {
                enabled: false
            }
        }
    },

楽しい!


申し訳ありませんが、ホバーでは機能しません。ホバーでは常にそのマーカーがあります
Emiliano
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.