0

Highstock チャート (「ポイント マーカーのみ」のデモ: http://www.highcharts.com/stock/demo/markers-only から) を使用していますが、以下の問題に気付きました。

a) 対応するツールチップがおかしくなっていることに気付きました

b）日付が左端にプロットされ、ツールチップ記号がほとんど隠れていることに気付きました...

次の jsfiddle をご覧になることをお勧めします: http://jsfiddle.net/xfJhq/1/

何か手がかりがあればよろしくお願いします。

4

2 に答える 2

1

あなたがここに追加するデータがもっとあると言ったので、私は何をしますか：

ツールヒントは、一連のホバーごとに 1 つのポイントを読み取るため、マウス カーソルに最も近いポイントを返します。

     tooltip: {
            allowHTML: true,
            formatter: function() {
                console.log(this.points) ; 

            }
        },

次のオブジェクトが最も近い点でした:

return [
        key: "SALKTU - LEVEL ZERO"
        percentage: undefined
        point: xa
        series: c
        total: undefined
        x: 1324512000000
        y: 91
        __proto__: Object ]

jsフィドル

これを解決するには、複数必要ですyAxis

だから私はこのようにします

         yAxis: [{
            title: {
                text: 'OHLC'
            },
            height:100,
            lineWidth: 2
        }, {
            title: {
                text: 'Volume'
            },
            top: 200,
            height: 100,
            offset: 0,
            lineWidth: 2
        } , {
        title: {
                text: 'max'
            },
            top: 320,
            height: 100,
            offset: 0,
            lineWidth: 2

        } ,{
        title: {
                text: 'min'
            },
            top: 450,
            height: 100,
            offset: 0,
            lineWidth: 2

        } ,
               ],

        series: [{
            type: 'column',
            name: 'RBWQCR - LEVEL ONE',
            data :[[1324512000000 ,81]]
        }, {
            type: 'column',
            name: 'JPXZTO - LEVEL EIGHT',

            yAxis: 1,
            data:[[1324512000000 ,81]]
        }, {
            type: 'column',
            name: 'CXRCTO - LEVEL THREE',

            yAxis: 2,
            data: [[1324512000000 ,81]]
        }, {
            type: 'column',
            name: 'FLOPAP - LEVEL FOUR',

            yAxis:3,
            data :[[1324512000000 ,81]]
        }]

すべてのデータを渡すとjsFiddleが機能すると、グラフが見栄えが良くなります

それぞれを別々のシリーズにするのが気に入らない場合は、次の例を見てください。少し複雑ですが、試してみる価値があります

于 2012-07-25T12:39:37.873 に答える
0

特定の日付のデータしかないため。

x軸への追加minPaddingは機能します。

更新されたフィドルを確認してください：http：//jsfiddle.net/xfJhq/2/

minPadding注：ズームでは機能しないことを知っています。同じ質問をHighstockフォーラムに報告しました。

于 2012-07-24T09:50:16.117 に答える