结合线条和柱状图使用jqplot

Question

使用 jqplot，能否展示一个“覆盖”条形图的线性图表？

我已经向堆叠条形图中添加了一个系列，并将渲染器更改为 $.jqplot.LineRender。这会以线的形式显示，但它被添加到堆叠量中。

- jjdebarros

Answer 1

是的，可以使用 jqPlot 实现。

这里展示了一个例子，演示了如何在单个图表中呈现柱状图和线性图。具体请查看此处第三个图表。

这里是我制作的一个样例，演示了如何在单个图表上显示线型图和堆叠式柱状图。

- Boro

---

jqplot网站的示例看起来就像我想要做的。谢谢！我可能错了，但是你的示例似乎有我所说的“问题”，即线图正在被添加。 - jjdebarros

是的，你说得对，它似乎被添加到了前一个系列中，因此你可能会成功地将其与jqPlot团队在示例的第3个图中提供的方法相结合。我猜如果这是一个非常烦人的问题，你总是可以尝试将线的值设置为负值，以将其移动到所需位置。我明天会试验一下。此外，对于有趣的问题，我给出(+1)。 - Boro

我发现了一个更好的解决方案。您可以通过为该系列设置disableStack：true来禁用堆叠。现在它也已添加到代码示例中。 - Boro

在我看来，那个例子是更好的解决方案，因为条形图和线图使用相同的 y 轴。再次感谢！ - jjdebarros

谢谢！我自己制作那种图表时都快疯了。 - Pod

太棒了。例子加一分。 - Andree

Answer 2

我在 jsFiddle 上添加了 this example，希望这对你有用。它还展示了绘制分隔线和区域以获得更好的表现可能性。

这个主题有一篇相关文章，可以在这个页面上找到：http://www.meccanismocomplesso.org/en/mean-mode-median-barchart/

.

- meccanismo.complesso

Answer 3

 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
                    }
              }
        ]

它将绘制线图和柱状图

- Sibaram Sahu