JQPlot - 堆叠水平条形图 - 堆叠时没有条形



jqplot有一个奇怪的问题。我创建了一个带有 2 个系列和 5 个标签的水平条形图;全部填充表中的变量。

var plot1 = $.jqplot('chart1', [
    [[SERIESA[0],TITLE[0]], [SERIESA[1],TITLE[1]], [SERIESA[2],TITLE[2]], [SERIESA[3],TITLE[3]], [SERIESA[4],TITLE[4]]], 
    [[SERIESB[0],TITLE[0]], [SERIESB[1],TITLE[1]], [SERIESB[2],TITLE[2]], [SERIESB[3],TITLE[3]], [SERIESB[4],TITLE[4]]]], {
    seriesDefaults: {
        renderer:$.jqplot.BarRenderer,
        // Show point labels to the right ('e'ast) of each bar.
        // edgeTolerance of -15 allows labels flow outside the grid
        // up to 15 pixels.  If they flow out more than that, they 
        // will be hidden.
        pointLabels: { show: true, location: 'e', edgeTolerance: -15 },
        // Rotate the bar shadow as if bar is lit from top right.
        shadow: false,
        // Here's where we tell the chart it is oriented horizontally.
        rendererOptions: {
            barDirection: 'horizontal'
        }
    },
    axes: {
        yaxis: {
            renderer: $.jqplot.CategoryAxisRenderer
        }
    }
});

这将呈现一个可爱的水平条形图。我希望将两个系列堆叠在每个标签下,但是当我添加行时

stackSeries: true,

在我的系列上方默认我的酒吧都消失了。其他所有内容(标签、刻度等)保持不变。除了堆栈系列选项之外,我还需要添加什么吗?

我不确定您的代码可能是什么原因,您显示的内容似乎没问题。也许您设置数据的方式有问题,但话又说回来,它根本不起作用。

看看我的例子,它可能会帮助你。

我找到了一种方法来解决我的问题(不是完全,但足以满足我的需要)。仅当我使用从其他地方提取的自定义标签时,才会发生此问题;如果我使用通用的"1,2,3,4等",则图形可以正确堆叠并显示数据。理想情况下,我会有自定义标签,但我可以在图表旁边放一个简单的表格作为轴标签。

实际上,您可以通过添加tickt来自定义标签,例如:

 xaxis: {
                renderer: $.jqplot.CategoryAxisRenderer,
                tickOptions: {
                    angle: -90
                },
                labelOptions: {
                    fontSize: '11pt',
                },
                ticks: ['tick 1', 'tick 2'],
            }

相关内容

  • 没有找到相关文章

最新更新