jqplot：平局系列

Question

我想使用jqplot绘制一些数据，但有一个小问题。

我使用的代码是这样的（ 小提琴上的代码 ）：

$.jqplot('chart1', [[202],[249],[148]], {
    seriesColors : ['#ff0000', '#0f0', '#00f'],
    seriesDefaults : {
       renderer :$.jqplot.BarRenderer,
       pointLabels : {
           show : true
       },
       tickRenderer : $.jqplot.CanvasAxisTickRenderer,
        rendererOptions : {
            barDirection : 'horizontal'
        }
    },
    axes: { 
        yaxis: {
            renderer: $.jqplot.CategoryAxisRenderer, 
            ticks: ["some value", "other series", "third series"],
        },
    },
});

该图具有3个水平区域，即“某个值”，“其他系列”和“第三系列”。我需要每个图条位于相应区域下，并保持颜色不变（红色为“某个值”，绿色为“其他系列”和蓝色到“第三系列”）。

我该如何格式化数据才能做到这一点？

作为额外的问题：

1. 我想在yaxis和相应的ax标签之间保留几个像素边距。 我该如何设置？

2. 该图具有bg颜色（淡黄色）。 如何消除该颜色并使容器具有任何颜色成为白色？

Answer 1

您需要将数据更改为

data = [[[202,1],[248,2],[148,3]]];

在这里查看工作示例。

PS1：您可以通过设置barWidth = xx来更改条的宽度； 其中xx以像素为单位（在给定的示例中为50px）。

PS2：对于第一个额外的问题，您可以添加以下内容：

$("#chart1 .jqplot-grid-canvas").offset({left:$("#chart1 .jqplot-grid-canvas").offset().left+5});
$("#chart1 .jqplot-series-shadowCanvas").offset({left:$("#chart1 .jqplot-series-shadowCanvas").offset().left+5});
$("#chart1 .jqplot-series-canvas").offset({left:$("#chart1 .jqplot-series-canvas").offset().left+5});
$("#chart1 .jqplot-point-label").offset({left:$("#chart1 .jqplot-point-label").offset().left+5});
$("#chart1 .jqplot-highlight-canvas").offset({left:$("#chart1 .jqplot-highlight-canvas").offset().left+5});
$("#chart1 .jqplot-highlighter-tooltip").offset({left:$("#chart1 .jqplot-highlighter-tooltip").offset().left+5});
$("#chart1 .jqplot-barRenderer-highlight-canvas").offset({left:$("#chart1 .jqplot-barRenderer-highlight-canvas").offset().left+5});
$("#chart1 .jqplot-event-canvas").offset({left:$("#chart1 .jqplot-event-canvas").offset().left+5});

我敢肯定，您可以采用一种更简洁的方法，但是它可以工作（将+5值更改为所需的值，以便移动图表块）。 请在此处查看更新的工作示例