Выпуск серии Highcharts / Highstock flags

Почему не отображаются ВСЕ флажки в серии выводов средств? См. Следующую скрипту JS: https://jsfiddle.net/lucianpurcarea/5zxa0jsm/13/

Это часть, которая создает массив данных для серии выводов:

var withdrawalsFlags = [];
for (var w = 0; w < response.withdrawals.length; w++) {
  var title = "W:" + response.withdrawals[w][1] + "$";
  withdrawalsFlags.push({
    "x": response.withdrawals[w][0],
    "id": (response.withdrawals[w][0]),
    "title": title
  });
}

В скрипте, которую я подготовил, «заголовок» серии снятия средств состоит из «W:» + долларовая стоимость + «$». Когда это так, я вижу около 5 флагов на серии. Если я удалю «W:», я увижу больше, если я удалю «$» в конце, я увижу их все.

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

Заранее благодарим всех, кто на это взглянет!

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
241
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Все флаги не представлены, потому что в серии Highcharts flags для свойства allowOverlapX по умолчанию установлено значение false.

Документация Highcharts:

If false, the flags are moved sideways using an algorithm that seeks to place every flag as close as possible to its original position.

Установите allowOverlapX = true, и вы увидите все свои флаги.

Демо: https://jsfiddle.net/BlackLabel/509anv32/1/

Другие вопросы по теме