Question

嗨，我有一些问题，让tootip显示正确的信息。现在它显示了这个。

以下是一个示例： sample highstock tooltip

我想删除日期之前出现的“周一周”字样。我已经尝试在图表选项中更改工具提示对象参数，但它没有帮助。以下是图表选项现在的样子

var options = {
            chart: {
                renderTo: 'stock-chart-container',
                alignTicks: true,
            },
            tooltip: {
                dateTimeLabelFormats: {
                    millisecond: "%A, %b %e, %H:%M:%S.%L",
                    second: "%A, %b %e, %H:%M:%S",
                    minute: "%A, %b %e, %H:%M",
                    hour: "%A, %b %e, %H:%M",
                    day: "%A, %b %e, %Y",
                    week: "%m-%d-%Y",
                    month: "%B %Y",
                    year: "%Y"
                }
            },
            navigator: {
                //top: 400
            },
            yAxis: [{
                    title: {
                        text: 'Price'
                    },
                    top: 70,
                    height: 260,
                    lineWidth: 2
                }, {
                    title: {
                        text: 'Volume'
                    },
                    top: 350,
                    height: 100,
                    offset: 0,
                    lineWidth: 2,
                }],
            rangeSelector: {
                buttons: [{
                        type: 'month',
                        count: 1,
                        text: '1m'
                    }, {
                        type: 'month',
                        count: 3,
                        text: '3m'
                    }, {
                        type: 'month',
                        count: 6,
                        text: '6m'
                    }, {
                        type: 'ytd',
                        text: 'YTD'
                    }, {
                        type: 'year',
                        count: 1,
                        text: '1y'
                    }, {
                        type: 'year',
                        count: 3,
                        text: '3y'
                    }, {
                        type: 'year',
                        count: 5,
                        text: '5y'
                    }, {
                        type: 'all',
                        text: 'All'
                    }],
                selected: null
            },
            title: {
                text: $('#symbol-name').text() + " Stock Price",
            },
            series: [{
                    type: chartGlobalOptions.chartTypes.name,
                    name: $('#symbol-name').text(),
                    data: data.prices,
                    dataGrouping: {
                        units: groupingUnits
                    }
                }, {
                    type: 'column',
                    name: 'Volume',
                    data: data.volume,
                    yAxis: 1,
                    dataGrouping: {
                        units: groupingUnits
                    }
                }]
        };

任何人都可以指出我正确的方向如何删除这句话。我一直在努力实现这一目标，但没有成功。

先谢谢

ANSWER

在塞巴斯蒂安的帮助下，我设法让工具提示显示正确的信息。以下是它现在的样子

tooltip: {
                useHTML: true,
                formatter: function() {
                    var d = new Date(this.x);
                    var s = '';
                    s += '<b>' + Highcharts.dateFormat('%b %e, %Y', this.x) + '</b><br />';
                    $.each(this.points, function(i, point) {
                        s += '<b><span style = "color:'+point.series.color+';">'+point.series.name +' </span>'+' : '+point.y + '</b><br />';
                    });
                    return s;
                },
                shared: true
            },

Answer 1

您可以使用工具提示格式化程序，它允许自定义工具提示的内容。

http://api.highcharts.com/highstock#tooltip.formatter

Highstocks tooltip删除短语“Week from Monday”

1 个答案: