Как удалить символ легенды для ОДНОЙ легенды в Highcharts?

Question

Я пытаюсь изменить одну легенду в Highcharts. Поскольку линии и полосы графика не могут иметь легенды, я добавил пустую серию, чтобы, когда я выбираю / отменяю выбор этой легенды, она показывала / скрывала линии графика. Поскольку мои линии графика вертикальные, я использовал этот (код ниже) в качестве своей работы:

legend: {
        useHTML: true,
        labelFormatter: function() {
                        if (this.name == "Empty Series") {
                            return '<div class="my-plot-line-symbol" style="padding- 
                            left: 5px"> '+ this.name + '</div>';
                        } else {
                            return this.name;
                        }
                    }   
                },

... с классом, являющимся просто левой границей.

Однако я не могу похоже, удаляет легенду, присвоенную пустой серии, которая у меня есть. В основном это выглядит так:

<> | Мои линии графика

(ромб в качестве легенды по умолчанию, «|» в качестве «класса», который я добавил)

Как я могу удалить легенду по умолчанию для этой единственной пустой серии?

Answer 1

Почему вы возвращаете HTML / JSX внутри строки? Вы можете просто сделать это ..

return <div>
  ...
  ...
  ...
</div>

Разве это не допустимый синтаксис в vue. js? Я на самом деле работаю с React JS, так что, возможно, я ошибаюсь, но по крайней мере попробуйте эту штуку!

Answer 2

Установите marker.radius для пустой серии на 0:

    series: [..., {
        name: 'Collar',
        type: 'scatter',
        marker: {
            radius: 0
        }
    }]

Живая демонстрация: http://jsfiddle.net/BlackLabel/uhcnr8mf/

Ссылка API: https://api.highcharts.com/highcharts/series.scatter.marker.radius