빈 플로트 차트?

Question

아래 코드를 실행하고 Flot/JQuery를 사용하여 빈 차트를 받고 있습니다. 이상적으로 내가 뒤 따르는 것은 데이터의 막대 차트입니다. 나는 기쁨없이 이것을보고 보았다. 누군가 아이디어가 있습니까?

<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

Flot의 현재 버전 (v. 0.6)은 막대 차트를 지원합니다. 여기에 있습니다 예시. 플롯 () 함수에서는 다음과 같습니다.

bars: { show: true}

Answer 2

오래된 질문이지만 나는 그것이 대답되었다고 생각하지 않습니다. Flot API 문서에 따르면 :

플로트의 내부 논리를 단순화하려면 x와 y 값이 모두 숫자가되어야합니다 ... 신비한 오류가 발생하면 문자열이 아닌 숫자를 입력하는지 더블 점검하십시오.

위의 경우 문서에 따라 작동하지 않을 데이터에 문자열을 사용하는 경우 (예 : [ "Assigned", 310]).

Answer 3

당신은 이것을 할 수 있지만 데이터를 조금 가짜로 만들면됩니다.

$(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);
});

------>

아마도 데이터를 플로트에 전달하기 전에 데이터를 적절하게 수정할 수 있습니다.

실질적인 용도에 대한 훌륭한 예가 많이 있습니다. flotusage. 예를 들어 페도라 멋진 막대 차트가 있습니다. 가장 좋은 점은 JavaScript이기 때문에 누구나 소스와 침대 아이디어를 볼 수 있기 때문입니다. :)

Answer 4

Neil Middleton이 그의 의견에서 말한 것처럼 Flot은 막대 차트를 지원하지 않습니다.

아마도 이것 또는 이것 플러그인이 도움이 될 수 있습니까?