Flot - столбчатые диаграммы, ряды выровнены вместе - PullRequest
Новая
       18

Flot - столбчатые диаграммы, ряды выровнены вместе

1 голос
/ 07 сентября 2010

Могу ли я построить диаграммы вроде этого http://developer.yahoo.com/yui/examples/charts/charts-rotation.html, используя flot?

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

Есть идеи?

1 Ответ

4 голосов
/ 15 сентября 2010

Ну, это немного поздно, но вот как вы это делаете ... Flot не поддерживает это из коробки, но есть совершенно хороший патч и плагин, который заставит его делать то, что вы хотите.

Вы получаете их из Выпуск Флота # 159 .Вам нужно будет исправить ваш флот (в зависимости от того, какую ревизию вы используете, есть несколько копий в выпуске).У меня было отклонение или два из патча из-за использования более новой ревизии ... Затем добавьте мульти-плагин к вашим источникам JavaScript после flot.Наконец, используйте multiplebars:true в ваших текущих plot опциях вызова.

Вот общее представление о том, как это будет выглядеть, когда у вас есть нужные сценарии, готовые к работе: 

$.plot($("#placeholder"), [ d1, d2, d3 ], {
  series: {
    bars: { show: true, barWidth: 0.3, align:'center' }
  },
  multiplebars:true
});

Вы можете увидеть это в действии здесь: http://jsfiddle.net/ryleyb/B3uGP/2/

EDIT : Обратите внимание, что с тех пор, как я сделал этот ответ, flot перешел на github.Там кто-то сделал запрос на получение , включающий мульти-плагин, который будет лучше применяться к текущим версиям кода.

...