1

負の積み上げ棒グラフの上に2本の対角線を重ねようとしています。これらの線の目的は、各バーの最適値がどこにあるべきかを示すことです。

グラフは常にx軸に沿って-10％から10％になるため、グラフが大きくなった場合に線を小さくする必要はありません。（それが小さな追加である場合は、それを行う方法も知っておくといいでしょうが）

私はHighChartsに比較的慣れていないので、これが可能かどうかわからないようです。

ここに画像の説明を入力してください

4

1 に答える 1

3

線の交点は常に同じ点で交差するため、これを作成しました。私がしたことは、-10 から 0 と 10 から 0 になる 2 つの追加のシリーズを作成することでした。これを 1 つのシリーズで行うこともできますが、男性/女性の投影線が異なるのでしょうか? あなたの選択。

ここで、2 つの線がどこで交差するかがわからないため、最後のカテゴリで終了させました。これは、2 つのシリーズに異なる終点を与えることで調整できます。もう 1 つのトリックは、2 つの射影線を中間点のヌルで埋め、2 つの終点を接続できるようにすることです。また、マーカーを隠し、シリーズを凡例から隠し、さまざまな線のスタイルを許可しました。重要事項:

{
        name: 'line1',
        type: 'line',
        color: 'black',
        dashStyle: 'dot',
        connectNulls: true,
        showInLegend: false,
        marker: {
            enabled: false
        },
        data: [0, null},
            ...
            , 10]}

これらのデータ系列は積み上げられているため、これらの系列のみが積み上げられるようにする必要があります。そうしないと、2 つの投影された線も積み上げられます。次の方法でこれを行います。

plotOptions: {
    bar: {
        stacking: 'normal',
        //pointWidth: 20
    }
},

「バー」タイプにのみスタッキングを適用していることに注意してください。jsFiddleを更新します。

于 2012-10-29T16:25:44.937 に答える