Charts 100%堆叠条形图JQPlot

我有下面的代码来绘制JQPlot条形图。现在我希望所有的条都处于相同的高度，并以百分比的形式显示颜色。似乎找不到一个例子。请帮忙

电流图

预期结果

---

问题现在解决了！！其全部内容是通过数组（S1、S2、S3）以百分比形式提供数据

我最近解决了这个问题，我想分享一下我是如何解决这个问题的。我设法制作了一个“标准化”的堆叠条形图；所有条形图大小相同，数据比例不同的图表。当然，Excel很容易做到这一点。事实证明，jqPlot也是如此；只是没有好的例子

解决方案是构造图表数据，使最内部的每个元素包含三项（即

[1,2,3]

），而不是通常的2项（

[1,2]

）。第一项是序列号，第二项是打印点，jqPlot认为这也是打印点的标签。但是，第三项（一个可能与数据不同的标签）过度使用了这种行为。所以在我的例子中，结构是：（

[series]，[bar percent]，[data]

）

例如，如果我的第一个条有两个堆栈，第一个堆栈是97%，第二个堆栈是3%，但是显示的数据可以是12和456（12+456=468>>>12/468=2.56%和456/468=97.43%[也可以从100%中减去第一个）

jqPlot文档确实暗示了这一点，但它不是非常明确，我花了一整天的时间试图自己弄明白这一点。仔细阅读示例#2:。这就是我破解它的原因。：）

干杯，

---

Rich

有人能回答我的问题吗？是否可以使用JQPlot制作100%堆叠条形图？期待您的回复。谢谢请告诉我们您在项目中使用的示例数据。您最好明确说明您向图表提供了哪些数据。我遇到了同样的问题，给出一个字符串数组（带百分号）不起作用，那么“百分比”是什么意思呢？如果你在解析答案上写一条评论并标记正确的答案也会很好！很好的详细答案，但一个最小的代码示例将非常有用。或者，你也可以从链接后面的文本中复制关键部分，这样即使链接的站点关闭或移动到另一个位置，答案仍然有效。

var s3 = [11, 28, 22, 47, 11, 11];
var s1 = [0, 6, 3, 0, 0, 0];
var s2 = [1, 0, 3, 0, 0, 0];
var dataArray = [s3, s1, s2];
var ticks = ['John', 'Tumm', 'Wen', 'Ken', 'Dolly'];

var options = {
    title: 'Title ',
    stackSeries: true,
    seriesColors: ["#eb4b3d", "#ffc800", "#009149"],
    seriesDefaults: {
        renderer: $.jqplot.BarRenderer,
        pointLabels: {
            show: true
        },
        rendererOptions: {
            barWidth: 25,
            varyBarColor: true,
        },
    },
    axes: {
        xaxis: {
            // renderer: $.jqplot.CategoryAxisRenderer,
            //  
            renderer: $.jqplot.CategoryAxisRenderer,
            ticks: ticks,
        },
        yaxis: {
            //autoscale: true,
            //label: 'Application Count',
            min: 0,
            tickInterval: 5,
            max: 50
        }
    },
    axesDefaults: {
        tickRenderer: $.jqplot.CanvasAxisTickRenderer,
        tickOptions: {
            angle: -30,
            fontSize: '10pt'
        }
    }
};

var plot = $.jqplot('chartDivId', dataArray, options);