Предположим, я добавляю некоторые вертикальные линии с разными названиями. Теперь я хочу удалить любую строку, нажав на строку. Как мне это сделать ... кто-то, пожалуйста, помогите. Заранее спасибо.Как удалить вертикальные сюжетные линии на высоких диаграммах
ответ
Вот что вы можете сделать, чтобы нажать на сюжетный и мгновенно удалено:
В конфигурации XAxis добавьте сюжетный с click
события:
xAxis: {
plotLines: [{ // mark the weekend
id: 'plotLine1',
color: 'red',
width: 2,
value: Date.UTC(2010, 0, 4),
events: {
click: function(e) {
this.axis.removePlotLine(this.id)
}
}
}],
tickInterval: 24 * 3600 * 1000,
// one day
type: 'datetime'
},
Вот скрипка, чтобы показать это работа: Click Here
Чтобы избавиться от линий сетки, вы можете просто покрасить их transparent
внутри yAxis
конфигурации:
yAxis: {
...
gridLineColor: 'transparent',
}
РЕДАКТИР новый вопрос: Чтобы удалить строки в этом примере, вы можете просто добавить конфигурации событий к новым сюжетным - как это:
// Inside chart event click function:
chart.addPlotLine({
value: event.xAxis[0].value,
color: '#'+(Math.random()*0xEEEEEE<<0).toString(16),
width: 2,
// added label to id so the id is unique:
id: 'vertLine_'+label,
zIndex: 9999,
// added plotLine event click - same as before.
events: {
click: function(e) {
this.axis.removePlotLine(this.id);
}
},
label : {
text : label
}
});
Кроме того, это выглядит, как вы пытаясь сделать диаграмму НЕ добавьте метку, если текст не введен в подсказку. Для этого я бы рекомендовал добавить условие && label != ''
в ваш if-statement, поэтому в целом это выглядит как if(label!=null && label != '')
. Я получил этот совет от This site.
Вот обновленная скрипка: Click Here.
Примечание: чтобы успешно нажимать на линию каждый раз, наведите левую сторону. Идк, почему, но это сработало лучше для меня. Надеюсь это поможет!
ok ... его штраф, но если я использую динамические данные, и если id не предопределен, то что делать. Этот код может решить проблему удаления серии, но как удалить вертикальную и горизонтальную PLOTLINE? – Poles
Я добавил, как избавиться от линий сетки - просто окрашивая их в белый цвет. И хороший звонок, я буду работать над тем, чтобы избавиться от сюжетной линии [не серии] завтра! Извините, я неправильно прочитал Q –
@ Поля - проверьте обновленный ответ. Теперь, когда вы нажимаете на plotLine, он должен удалить себя! В примере показан вертикальный график plotLine, но эта же идея должна применяться и к горизонтальным линиям печати. –
Вы также можете поймать нажмите событие, custom-events plugin и уничтожить SVG элемент (линия + ярлык)
- 1. Показать сюжетные линии в высоких диаграммах со скрытой осью?
- 2. Вертикальные линии на iOS-диаграммах X Axis
- 3. Вертикальные линии на hover в google-диаграммах
- 4. jQPlot - удалить вертикальные линии сетки
- 5. Удалить линии сетки оси y в высоких диаграммах
- 6. Удалить первую и последнюю линии сетки в высоких диаграммах?
- 7. Снять решетчатые линии Y-оси на высоких диаграммах
- 8. Не работает анимация на высоких диаграммах базовой линии
- 9. Как удалить нижнюю панель увеличения на высоких диаграммах?
- 10. Удалить тень/фоновое свечение на ярлыке данных на высоких диаграммах?
- 11. Интернационализация в высоких диаграммах?
- 12. Как удалить вертикальные линии в гистограмме Рикши?
- 13. Наклонные оси оси и линии сетки в высоких диаграммах
- 14. Подключите два разных значения к вертикальной линии в высоких диаграммах
- 15. Как показать линии сетки только на 0 на yAxis в высоких диаграммах?
- 16. Как удалить накладки линий сетки в высоких диаграммах?
- 17. Как удалить пространство под полукруг в высоких диаграммах?
- 18. Ограничение полосы прокрутки на высоких диаграммах
- 19. Событие для мыши на высоких диаграммах
- 20. дата на графике в высоких диаграммах
- 21. Производительность электроинструментов 2013 удалить вертикальные линии отступа
- 22. прекратить перерисовывать диаграмму на высоких диаграммах
- 23. Почему строка не отображается на высоких диаграммах?
- 24. Категории пропускаются в высоких диаграммах на xAxis
- 25. Некоторые datalabels не отображаются на высоких диаграммах
- 26. установить начальные графики на высоких диаграммах
- 27. Меньше категорий, чем серия на высоких диаграммах
- 28. Удалить вертикальные линии из графика d3.js
- 29. Конкретный график в высоких диаграммах
- 30. Ссылка мультикана в высоких диаграммах
Вы пробовали пересаживать график по щелчку и изменения настроек, чтобы без сюжетной линии? – sesmic
Извините, я не понял вашу точку зрения. Можете ли вы немного разобраться? – Poles
Вы хотите удалить ярлык, соответствующий строке, на которую вы нажимаете, так? –