2012-05-23 12 views
8

Czy jest możliwe, aby w/jqplot wyświetlał wykres liniowy, który "nakłada się" na wykres słupkowy?Połączona linia i pasek w/jqplot

Dodałem serię do skumulowanej mapy i zmieniłem renderer na $ .jqplot.LineRender. Wyświetla się jako linia, ale dodaje się do ułożonych w stos kwot.

Odpowiedz

17

Tak, można to zrobić za pomocą jqPlot.

Przykład pokazujący, jak wykres słupkowy może być prezentowany na jednym wykresie razem z wykresem liniowym is presented here, see the 3rd plot from the top.

Here I made a sample to show line and stacked bar charts on a single plot.

+0

Przykładowa strona jqplot wygląda co ja chcę zrobić. Dzięki! Mogę się mylić, ale twój przykład wydaje się mieć "problem", o którym mówiłem, gdzie dodawany jest wykres liniowy. – jjdebarros

+0

Tak, masz rację, wydaje się, że dodajesz go do poprzedniej serii, więc możesz połączyć je z podejście 'jqPlot' faceci dają w trzecim spisku w przykładzie. Myślę, że jeśli jest to bardzo irytujący problem, zawsze możesz spróbować ustawić wartości linii zgodnie z wartościami ujemnymi, które przesuwają je do pożądanej pozycji. Jutro eksperymentuję z tym. Również (+1) na interesujące pytanie. – Boro

+1

Znalazłem ładniejsze rozwiązanie. Możesz wyłączyć układanie serii, ustawiając dla niego wartość 'disableStack: true'. Teraz jest również dodawany do próbki kodu. – Boro

0
series:[ 
       { 
        color:'#0070c0', 
        label : 'Barchart', 
        renderer:$.jqplot.BarRenderer, 
        rendererOptions: { 
          barPadding: 0, 
          barMargin: 0 
        }, 
        pointLabels: { show: true } 
       }, 
     { 
        yaxis: 'y2axis', 
        color: '#ff0000', 
        label : 'Line chart ', 
        renderer:$.jqplot.LineRenderer, 
        rendererOptions: { 
          barPadding: 0, 
          barMargin: 0 
        } 
       } 
     ] 

Będzie czerpać zarówno linii i wykres słupkowy

Powiązane problemy