настройки отдельных точек на точечной/линейной диаграмме

На точечном графике HighCharts я хочу установить некоторые свойства только для некоторых точек данных моего ряда. Вот пример игрушки:

$(function () {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container'
            },
            series: [{
                type: 'line',
              data: [[1,1],
                     {x:3,y:2,marker:{enabled:false}},
            [4,1]]
            }]
        });
    });
});

Мне нужно (в порядке убывания приоритета), чтобы второй пункт НЕ имел:

  1. маркер (уже сделано в моем коде, работает);
  2. всплывающая подсказка (пробовал, но безуспешно, я не знаю, как это сделать)
  3. линия, идущая из предыдущей точки (пробовал, но безуспешно, я не знаю, как это сделать)

Вот версия jfiddle.


highcharts linechart scatter-plot
person tic    schedule 17.01.2013    source источник
comment
Свойство типа серии указывает, какую диаграмму нужно нарисовать на холсте. И по умолчанию это линия, которая рисует линейный график. Вы сказали, что не хотите, чтобы вторая точка имела свойство типа, что это значит, я не мог понять, вы хотите иметь разные типы диаграмм для каждой точки? Если вы хотите иметь тип разброса, просто замените строку на разброс   -  person cubbuk    schedule 17.01.2013
comment
Насколько мне известно, ряд точечных диаграмм не может иметь линии. Мне нужна линейная диаграмма, но с некоторым отверстием в линии, соединяющей все точки.   -  person tic    schedule 17.01.2013

Ответы (1)


arrow_upward
3
arrow_downward

Что касается вашего второго пункта, импровизированного из аналогичного ответа:

Отключить всплывающую подсказку в определенных точках в Highcharts

tooltip: {
    formatter: function() {
        if (this.point.x != 1) { //enable for each point except the second point
            return this.x;
        }
        else return false;
    }
}

для вашего третьего пункта вы можете попытаться использовать трюк. Если вы установите значение y как нулевое, эта точка не будет отображаться на линии. Итак, нарисуйте свою линию и введите два данных с нулевыми значениями y, чтобы создать одинокую точку на графике.

Вот пример: http://jsfiddle.net/8U8nx/14/

person cubbuk    schedule 17.01.2013