2

こんにちは、トゥーチップに適切な情報を表示するのに問題があります。現在、これを表示しています。

以下にサンプルを示します。ハイストック ツールチップのサンプル

日付の前に表示されている「月曜日からの週」というフレーズを削除したい。チャート オプションのツールチップ オブジェクト パラメータを変更しようとしましたが、役に立ちませんでした。チャート オプションの現在の外観は次のとおりです。

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

誰かがフレーズを削除する方法について正しい方向に向けてください。私は一日中これを達成しようとしてきましたが、成功しませんでした。

前もって感謝します

答え

Sebastian の助けを借りて、ツールチップに適切な情報を表示することができました。これが今の様子です

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
            },
4

1 に答える 1