Несколько временных рядов в столбчатой диаграмме столбцов

В настоящее время я играю с примером «сложены и сгруппированы» (добавлена ссылка в виде текста, так как мне нужно больше репутации, чтобы разместить более двух ссылок: jsfiddle dot net/gh/get /jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-stacked-and-grouped/). Там вы визуализируете одну серию данных в столбчатой и сгруппированной диаграмме столбцов. С теоретической точки зрения здесь у вас есть одна информация (количество фруктов), сгруппированная по трем аспектам (фрукты (по оси х), человек (стек) и пол (группа)).Несколько временных рядов в столбчатой диаграмме столбцов

Мне интересно, если (и как) можно визуализировать дополнительную серию данных как аспект группировки вместо пола. Я пробовал это (jsfiddle dot net/u1asm65s /) и добавил еще одну серию данных, представляющую цифры для тех же лиц в первой серии данных. Но, к сожалению, HIghcharts не соответствует name s обеих серий данных. Таким образом, лица дублируются в итоговой диаграмме столбцов.

ОБНОВЛЕНИЕ: This is what I currently have.

And this is what I want to achieve. Я использовал GIMP, так что это не реальный график;)

У вас есть идея?

Заранее спасибо Newlukai

PS: Извините за не встраивание изображений, но я не позволил вставлять изображения.

источник

2016-10-13 Newlukai

Вы прямо указываете диаграмме, чтобы сделать несколько серий с тем же именем. Я не совсем понимаю, каков ваш желаемый результат. вы можете уточнить? Ссылка на изображение imgur.com, если вам нужно. Я предполагаю, что то, что вы хотите сделать, не будет проблемой и просто потребует правильного форматирования серии и данных, но вам нужно больше информации – jlbriggs

Я применил магию GIMP и попытался прояснить, что я хочу делать. – Newlukai

Итак, вы можете думать о желаемом эффекте как: у меня есть дополнительная серия, которая связана (каким-то образом) с другим. Затем вам нужно указать, что должно быть связано, и правильно настроить параметры.

Во-первых, вы хотите связать видимость связанных серий и их внешний вид в легенде. Это может быть достигнуто с помощью свойства serial.linkedTo.

{ 
     name: 'John-eaten', 
     id: 'john', 
     data: [5, 3, 4, 7, 2], 
     stack: 'eaten' 
    },...,{ 
     name: 'John-bought', 
     linkedTo: 'john', 
     data: [6, 4, 5, 8, 3], 
        stack: 'bought' 
    },

Итак, есть две серии, которые соединены вместе. http://jsfiddle.net/u1asm65s/2/

Во-вторых, цвет - установить тот же цвет для связанных серий. http://jsfiddle.net/u1asm65s/3/

В-третьих, всплывающая подсказка, легенда, метки данных - это можно легко отрегулировать с помощью обратных вызовов форматирования. http://jsfiddle.net/u1asm65s/4/

источник

2016-10-17 16:39:24 morganfree

Спасибо @morganfree. Я также подумал об использовании привязки, раскраски и форматирования всплывающей подсказки (http://jsfiddle.net/n0q01yy5/): Но я не уверен, что это «правильный» способ. Однако, похоже, это единственный способ получить результат, который я хотел. – Newlukai

Несколько временных рядов в столбчатой ​​диаграмме столбцов

ответ

Смежные вопросы

Несколько временных рядов в столбчатой диаграмме столбцов