Question

我正在使用Highstock图表（仅来自＆＃39;点标记＆＃39;演示：http://www.highcharts.com/stock/demo/markers-only），我注意到以下问题：

a）我注意到相应的工具提示是疯狂的

b）我注意到日期是在左边缘上绘制的，几乎隐藏了工具提示符号......

您可能需要查看以下jsfiddle：http://jsfiddle.net/xfJhq/1/

我感谢你提供任何线索。

Answer 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 ]

jsFiddle

要解决此问题，您需要多个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]]
        }]

working jsFiddle当您传递所有数据时，您的图表会更好看

如果您不喜欢让每个人在一个单独的系列中查看以下Example，那么它有点复杂但值得尝试

Answer 2

由于您只有一个特定日期的数据。

将minPadding添加到x轴将起作用。

检查更新的小提琴：http://jsfiddle.net/xfJhq/2/

注意：我知道minPadding无法用于缩放，而且我向Highstock论坛报告了相同的question。

Highstock图表 - 相同x轴和Crazy Tooltip的日期

2 个答案: