Мульти-чат с Flot

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

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

Обновление

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

Ответ 1

Обновленная информация: Ответ Andión ссылается на эту библиотеку. Бары бок о бок

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

Результат:

Ответ 2

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

Вы можете загрузить код здесь

Ответ 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  );

});

Ответ 4

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

Для каждого бара вам не нужна другая серия, которая была бы чрезмерной.

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

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

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