Как составить гистограмму из уже агрегированных данных?

Я хотел бы сделать гистограмму огромного количества данных с помощью highcharts.js.

Стандартная диаграмма chart.histogram, например https://www.highcharts.com/demo/histogram, мне не подходит, потому что я хочу сам агрегировать данные с помощью BigQuery.

Таким образом, входные данные будут [[0, 123], [10, 1234], [20, 12345], ... , [90, 1234]].

Могу ли я использовать гистограмму в качестве гистограммы, настроив параметры?

Или есть более простой способ сделать гистограмму из уже агрегированных данных, как указано выше?

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

Конечно - это все, что есть гистограмма. Удалите пробел между столбцами (groupPadding: 0, pointPadding: 0), введите данные с разбивкой, и вы получите гистограмму.

jlbriggs 17.12.2018 15:59

У вас есть ответ: forum.highcharts.com/viewtopic.php?f=9&t=41377. Пожалуйста, подпишитесь на эту тему.

Wojciech Chmiel 18.12.2018 11:30
Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
0
2
76
1

Ответы 1

Могу ли я использовать гистограмму в качестве гистограммы, настроив параметры?

Конечно! Столбцы принимают такой массив данных, после комментария автора данные должны быть разделены:

var bigQueryData = [[0, 123], [10, 420], [20, 650], [30, 712], [40, 1020], [50, 1300], [60, 900], [70, 681], [80, 351], [90, 220]];

var xAxisCat = [],
    realData = [];

bigQueryData.forEach(data =>{
    xAxisCat.push( (data[0]).toString() );
    realData.push( data[1] );
});
...
xAxis:{
    title: { text: 'Histogram' },
    type:'category',
    categories: xAxisCat
},
...
series: [{
    name: 'custom Histogram',
    type: 'column',
    data: realData,
}]

Обновленная рабочий пример

Спасибо! Но я хочу, чтобы это было похоже на демонстрацию гистограммы. Я имею в виду, что деления весов должны быть помещены между полосами.

Taichi 19.12.2018 07:25

Спасибо и извините за мой плохой английский ... числовые метки каждой отметки должны быть на каждой отметке, например highcharts.com/demo/histogram. Я изо всех сил пытаюсь это сделать. Я исправил стиль бара. jsfiddle.net/taichi_jp/t4nqv5eg

Taichi 19.12.2018 07:46

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