Esvaziar gráficos Flot?

Question

Estou executando o código abaixo e obter um gráfico vazio usando Flot / jQuery. Idealmente o que eu sou depois é um gráfico de barras dos dados. Estou olhou e olhou para isso com nenhuma alegria -? Alguém tem alguma idéia

<div id="user_breakdown_placeholder" style="width:300px;height:300px"></div>

<script>
    $(function () {
        var d = [["Unassigned", 310],["Maynard Schumm", 274]];
            var options = {};
        $.plot($("#user_breakdown_placeholder"), d, options);
    });

</script>

Answer 1

A versão atual do Flot (v. 0.6) suporta gráficos de barras. Aqui está um exemplo . Em seu enredo function (), você só tem que colocar:

bars: { show: true}

Answer 2

Uma questão de idade, mas eu não acho que foi respondida. De acordo com a documentação da API Flot:

Note que, para simplificar a lógica interna em Flot ambos x e y Os valores devem ser números ... Se você estiver recebendo erros misteriosos, double verifique se você está introduzindo números e não strings.

Se o caso acima você estiver usando cordas em seus dados (por exemplo, [ "não atribuídos", 310]) que não vai trabalhar de acordo com os documentos.

Answer 3

Você pode fazer isso, mas você só precisa falso de seus dados um pouco.

$(function () {
    var data = [[0, 310],[1,274]];
    var datasets = [ {
                 "data": data
                     }, 
                   ];
    var options = {
                   bars: {show: true},
                   yaxis: { min: 0 },
                   xaxis: { ticks:  [
                                     [0.5, "Unassigned"],
                                     [1.5, "Maynard Schumm"]
                                    ],
                          },
                  };
   $.plot($("#user_breakdown_placeholder"), datasets, options);
});

------>

Provavelmente, você pode modificar os seus dados de forma adequada antes de passá-lo para Flot.

Há muitos grandes exemplos de usos reais em FlotUsage . por exemplo. Fedora tem alguns bons gráficos de barras. A grande coisa é porque é JavaScript que possa ver de origem e berço idéias de ninguém:)

Answer 4

Como Neil Middleton diz em seu comentário, não Flot não suporta gráficos de barras.

este ou este plugin pode ajudá-lo?