Используете тип диаграммы столбцов в Highcharts с пользовательским выводом?

Question

1

Я использую библиотеку Highcharts с Angular 4. Я хочу создать диаграмму, как показано ниже:

Для приведенного выше графика я использую диаграмму типа columnrange. Ниже приведена ссылка на то, что я пробовал для этого:

Как очистить промежуток между полосками так, чтобы он выглядел так же, как при съемке на экране?

Suresh Negi 01 май 2018, в 17:05

0

На снимке экрана GHRM, DEA, MBM, HR Scanner, Qualtrics являются названиями приложений, а в x-Axis мы показываем даты выпуска приложений
Suresh Negi 01 май 2018, в 14:56
0

Пожалуйста, дайте мне знать, если это может быть достигнуто с помощью любого другого типа графиков в высоких графиках
Suresh Negi 01 май 2018, в 14:57
0

Ниже приведен рабочий URL: jsfiddle.net/w1jwd1oz
Suresh Negi 01 май 2018, в 15:13
1

Пожалуйста, прочитайте При каких обстоятельствах я могу добавить «срочные» или другие подобные фразы в мой вопрос, чтобы получить более быстрые ответы? - Суть в том, что это не идеальный способ обратиться к волонтерам и, вероятно, контрпродуктивно для получения ответов. Пожалуйста, воздержитесь от добавления этого в ваши вопросы.
halfer 01 май 2018, в 16:30

Показать ещё 2 комментария

Теги:

highcharts

1 ответ

На снимке экрана GHRM, DEA, MBM, HR Scanner, Qualtrics являются названиями приложений, а в x-Axis мы показываем даты выпуска приложений
Пожалуйста, дайте мне знать, если это может быть достигнуто с помощью любого другого типа графиков в высоких графиках
Ниже приведен рабочий URL: jsfiddle.net/w1jwd1oz
Пожалуйста, прочитайте При каких обстоятельствах я могу добавить «срочные» или другие подобные фразы в мой вопрос, чтобы получить более быстрые ответы? - Суть в том, что это не идеальный способ обратиться к волонтерам и, вероятно, контрпродуктивно для получения ответов. Пожалуйста, воздержитесь от добавления этого в ваши вопросы.

PKA · Accepted Answer · 2018-05-01T18-17-00.000Z

Надеемся, это ответ на то, что вы ищете: https://jsfiddle.net/w1jwd1oz/1/

Вам в основном нужно определить высоту 240 пикселей для достижения того, чего вы хотите, иначе он будет использовать высоту по умолчанию.

<div id="container" style="height: 240px; min-width: 310px; margin: 0 auto"></div>

Дайте мне знать, если это работает для вас!
Спасибо, ПКА, это работает, если высота составляет 240 пикселей. Мне любопытно узнать, есть ли какое-либо другое свойство для этого типа требования. Я пробовал свойство "groupPadding", но оно не работает. В моем случае высота диаграммы составляет более 300 пикселей.
Я могу удалить белую границу между диапазонами, установив: borderWidth: 0, shadow: false
Нет проблем! не насколько мне известно. Можете ли вы обновить скрипку, чтобы я знал, о чем вы говорите?
Нет проблем, я смог исправить это, уменьшив высоту.
Благодаря ПКА, я могу достичь требуемого результата в моем случае с вашим предложенным решением. Рабочий URL: jsfiddle.net/72dfgLvd