Ist es möglich w/jqplot ein Liniendiagramm anzuzeigen, das ein Balkendiagramm "überlagert"?kombinierte Linie und Bar w/jqplot
Ich habe eine Serie zu einem gestapelten Balkendiagramm hinzugefügt und den Renderer in $ .jqplot.LineRender geändert. Dies wird als Linie angezeigt, wird jedoch zu den gestapelten Beträgen hinzugefügt.
Ja, es kann mit jqPlot getan werden.
Ein Beispiel, das zeigt, wie ein Balkendiagramm zusammen mit einem Liniendiagramm auf einem einzelnen Diagramm angezeigt werden kann. 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.
ich hinzufügen this example auf jsFiddle, ich hoffe, dass dies für Sie nützlich sein könnten. Es zeigt auch die Möglichkeit, Begrenzungslinien und Bereiche für eine bessere Darstellung zu zeichnen.
es einen Artikel zu diesem Thema auf dieser Seite lautet: http://www.meccanismocomplesso.org/en/mean-mode-median-barchart/
.
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
}
}
]
Es sowohl Linien- und Balkendiagramm wird zeichnen sieht
Die jqplot Website Beispiel wie das, was ich möchte tun. Vielen Dank! Ich könnte mich irren, aber Ihr Beispiel scheint das 'Problem' zu haben, über das ich sprach, wo das Liniendiagramm hinzugefügt wird. – jjdebarros
Ja, Sie haben recht, es scheint, dass es zur vorherigen Serie hinzugefügt wurde Ansatz 'jqPlot' Jungs geben in der dritten Handlung im Beispiel. Ich denke, wenn es ein sehr nerviges Problem ist, können Sie versuchen, die Werte der Linie entsprechend auf negative Werte zu setzen, die sie in die gewünschte Position bringen würden. Ich werde morgen damit experimentieren. Auch (+1) für interessante Frage. – Boro
Ich fand eine bessere Lösung. Sie können das Stapeln einer Serie deaktivieren, indem Sie für sie "disableStack: true" festlegen. Jetzt wird es auch dem Codebeispiel hinzugefügt. – Boro