jqPlot:重叠的条形图可能吗?

时间:2013-05-01 09:10:50

标签: jquery jqplot

一个例子可能描述了我想要最容易实现的目标。

如果我有,例如,系列[80,70]和[90,90],我希望第一个叠加的条纹的第一个系列'颜色从0到80,然后是另一个系列'颜色从80-90。现在我把它们放在一起,产生了170个单位的高位。

Javascript代码:

plot3 = $.jqplot('chartdiv', [normalSeries, distSeries], {
        stackSeries: true,
        captureRightClick: true,
        seriesDefaults: {
            renderer: $.jqplot.BarRenderer,
            rendererOptions: {
                barMargin: 20,
                barWidth: 10,
                highlightMouseDown: true
            },
            pointLabels: { show: true }
        },
        axes: {
            xaxis: {
                renderer: $.jqplot.CategoryAxisRenderer,
                ticks: schoolNames
            },
            yaxis: {
                padMin: 0
            }
        },
        legend: {
            show: true,
            location: 'e',
            placement: 'outside'
        }
    });

提前致谢!

1 个答案:

答案 0 :(得分:0)

实际上,可以使用一些数据预处理来完成。但我很感兴趣为什么首先需要这个?以防万一,如果第二个系列点值小于第一个,那么除非您打算仅通过反转显示颜色帮助用户,否则它将如何显示?

对我来说,堆叠很简单:a坐在b上 - 无论他们的个人价值是多少。 如果您使用环形交叉口来达到“要求”,我最好的猜测是用户会感到困惑。

您可能希望查看其他选项:Jqplot different kinds of rendering in one chart