Мульти бар с флотом

Question

Любой пример кода для диаграммы с несколькими барами с использованием flot ??

аналогично этому примеру .Данные исправленные файлы не работают для меня.В любом месте я могу скачать последние файлы для мульти гистограммы.

Обновление

Я уверен, что Flot - очень хорошая библиотека, но плагины / дополнения не доступны легкои примеры, приведенные на сайте, являются очень простыми, поэтому я решил использовать jqPlot вместо

Answer 1

Обновленная информация: Ответ Андиона содержит ссылку на эту библиотеку. Bars-бок о бок

Вы можете скачать код здесь: http://www.benjaminbuffet.com/public/js/jquery.flot.orderBars.js

Результат:

Answer 2

Вы пробовали плагин orderBars ?

Вы можете скачать код здесь

Answer 3

Вы должны рассматривать каждый столбец как отдельный ряд данных, поэтому, если вы видите 11 столбцов, вам нужно создать 11 рядов данных.

Вот пример кода для 2 столбцов.

<script id="source" language="javascript" type="text/javascript">
$(function () {

var d1 =[0, 2];
var d2 =[1,3];

var startData = [
    {   //first series
        label:"d1",
        data: [d1],
        bars:{
            show: true,
            fill: true,
            fillColor: "red"
        }
    },
    {   //second series
        label:"d2",
        data: [d2],
        bars:{
            show: true,
            fill: true,
            fillColor: "blue"
        }
    }
];

var option={
        series: {
                bars:{
                        show: true,
                        fill: true
                }
        },
        grid: {
                hoverable: true,
                clickable: true
        },
        yaxis: { ticks: 5 }
    };

$.plot($("#placeholder"),startData,option  );

});

Answer 4

Дважды проверьте значения, которые вы передаете по оси X (вашей серии баров).

Вам не нужны разные серии для каждого бара, это было бы ...Чрезмерное.

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

Я понимаю, что вы пошли дальше, но если вы хотите опубликовать код, который вызывал у вас проблемы, это может помочь другим людям.Примеры на сайте flot довольно просты, поэтому, возможно, это было что-то простое (например, значение вашей оси X, если они не были определены), которое сбило вас с толку.

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