Как скрыть название серии из всплывающей подсказки на диаграммах рассеяния Highcharts для линейной регрессии

1

Я использую Highcharts 4.2.3 для создания диаграммы для линейной регрессии. Я следую этой демонстрации:

http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/combo-regression/

Это код в демо:

Highcharts.chart('container', {
    xAxis: {
        min: -0.5,
        max: 5.5
    },
    yAxis: {
        min: 0
    },
    title: {
        text: 'Scatter plot with regression line'
    },
    series: [{
        type: 'line',
        name: 'Regression Line',
        data: [[0, 1.11], [5, 4.51]],
        marker: {
            enabled: false
        },
        states: {
            hover: {
                lineWidth: 0
            }
        },
        enableMouseTracking: false
    }, {
        type: 'scatter',
        name: 'Observations',
        data: [1, 1.5, 2.8, 3.5, 3.9, 4.2],
        marker: {
            radius: 4
        }
    }]
});

Я пытаюсь скрыть название серии Observations в подсказках для графика рассеяния, но не смог заставить его работать. Я не уверен, где поставить этот код:

tooltip: {
  formatter: function() {
    return this.x + ', ' + this.y;
  }
}
Теги:
charts
tooltip
highcharts

1 ответ

1
Лучший ответ

Ключ должен иметь функцию форматирования всплывающей подсказки, которая возвращает только this.x + ', ' + this.y

См. Всплывающую подсказку для справки. Демо ниже.

Highcharts.chart('container', {
    xAxis: {
        min: -0.5,
        max: 5.5
    },
    yAxis: {
        min: 0
    },
    title: {
        text: 'Scatter plot with regression line'
    },
    series: [{
        type: 'line',
        name: 'Regression Line',
        data: [[0, 1.11], [5, 4.51]],
        marker: {
            enabled: false
        },
        states: {
            hover: {
                lineWidth: 0
            }
        },
        enableMouseTracking: false
    }, {
        type: 'scatter',
        name: 'Observations',
        data: [1, 1.5, 2.8, 3.5, 3.9, 4.2],
        marker: {
            radius: 4
        }
    }],
    tooltip: {
      formatter: function() {
        return this.x + ', ' + this.y;
      }
    },
});
<html>
<body>
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container"></div>
</body>
</html>
  • 0
    Я добавил ваш ответ и сделал его более понятным, и есть еще более простое решение: используйте tooltip.pointFormatter: '{point.x}, {point.y}' .

Ещё вопросы

Сообщество Overcoder
Наверх
Меню