Highcharts上的工具提示问题,动态添加了多个系列

时间:2017-02-07 01:17:33

标签: highcharts

您好我目前在我的图表上遇到工具提示问题,该工具提示通过使用highcharts的Series.SetData()函数动态添加数据。 然而,这个问题与我想的添加的数据无关,但每当我将鼠标悬停在图表中的一个点上时,都会使用工具提示。

为了更好地理解,我将发布两个截图:

Screenshot 1

enter image description here

每当我将鼠标悬停在图表中的某个点上时,工具提示会不断变化,并且显示的值是屏幕截图中显示的值。如果我拖动鼠标,屏幕上剩余的工具提示是第二个,我不再能够看到Y1值。 我可能有一些糟糕的图表配置,所以这里是我的图表的代码:

 $(function () {

    // Create the chart for node 1
    $('#container').highcharts('StockChart', {
        chart: {
            zoomType: 'x',
            events: {
                load: requestDataNode1
            },
        },
        credits: {
            enabled: false
        },

        title: {
            text: 'Live Data'
        },
        rangeSelector: {
            buttons: [{
                count: 1,
                type: 'minute',
                text: '1M'
            }, {
                count: 5,
                type: 'minute',
                text: '5M'
            }, {
                type: 'all',
                text: 'All'
            }],
            inputEnabled: false,
            selected: 0
        },
        yAxis: {
            labels: {
                formatter: function () {
                    //return (this.value > 0 ? ' + ' : '') + this.value + '%';
                    return this.value;
                }
            },
            plotLines: [{
                value: 0,
                width: 2,
                color: 'silver'
            }]
        },
        legend:{    enabled: true},
        plotOptions: {
            series: {

                showInNavigator: true
            },
            spline: {
                turboThreshold: 0,
                dataLabels: {
                    enabled: false
                },
                enableMouseTracking: true
            }

        },

        tooltip: {
            pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b><br/>',
            valueDecimals: 2,
            split: false
        },
        navigator: {

            series: {
                data: []
            }
        },
    });


});

我不知道为什么会发生这种情况,起初我认为这可能与某个特定日期的系列没有值有关,但后来我检查了我的系列,你可以在屏幕截图中看到它确实有价值对于这两个系列。

我提前感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

我通过在tooltip属性中添加共享属性并设置为false以某种方式解决了这个问题,但是现在我只收到一个值。 是否有可能继续看到所有价值观?