0

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

a) 我注意到相应的工具提示很疯狂

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

您可能想看看以下 jsfiddle：http: //jsfiddle.net/xfJhq/1/

我感谢您提供的任何线索。

4

2 回答 2

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

当您传递所有数据时，工作 jsFiddle您的图表看起来会更好

如果您不喜欢将每个系列放在单独的系列中，请查看以下示例，这有点复杂但值得尝试

于 2012-07-25T12:39:37.873 回答
0

因为您只有一个特定日期的数据。

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

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

注意：我知道这minPadding不适用于缩放，我已经向 Highstock 论坛报告了同样的问题。

于 2012-07-24T09:50:16.117 回答