【问题标题】:JQplot spacing between bars?条之间的JQplot间距?
【发布时间】:2013-06-26 18:49:31
【问题描述】:

所以我有一个包含一些示例数据的图表(这不是实际数据,因为那样它会比这个页面填充更多!)

 x      y
 3     foo;a
 4     foo;b
 5     bar;a
 6     bar;b 

现在当我将数据分组为系列时,以便更了解这样的图表

  x1       x2        y
  3        0        foo;a
  4        0        foo;b
  0        5        bar;a
  0        6        bar;b

如您所见,无论出于何种原因,条形之间都有间距。总体趋势是相同的,但有间距。如何去除间距?

这是我的情节代码的框架

   title: some title,
    seriesDefaults: {
        renderer: $.jqplot.BarRenderer,
        shadow: false,        
        rendererOptions: {
            fillToZero: true,
            highlightColors: "#000000",
            shadowOffset: 0,
            shadowDepth: 0,
            barPadding: 0
        },
        pointLabels: {
            show: false
        }
    },
    grid: {
        shadow: false
    },
    highlighter: {
        showMarker: false,
        tooltipAxes: 'xy',
        showTooltip: true,
        show: true
    },
    axes: {
        xaxis: {
            renderer: $.jqplot.CategoryAxisRenderer,
            ticks: tick[i],
            tickOptions: {
                angle: -90,
                fontSize: '0pt',
                showMark: false,
                showGridline: true
            }
        },
        yaxis: {
            label: "Norm",
            tickInterval: 1
        }
    }
});

【问题讨论】:

    标签: jquery jqplot bar-chart


    【解决方案1】:

    根据jQplot documentation关于barRenderer,我认为你可以使用barPaddingbarMargin选项来指定你需要的空间值(0px?)

    编辑:barMargin 似乎是您所需要的,因为它允许您在相邻轴值处指定条形组 之间的像素数。 (而 barPadding 允许您指定相同轴值的相邻条之间的像素数)。

    【讨论】:

    • 在系列默认值中,我将 barMargin 设置为 0 的渲染器选项不起作用。我将它设置为 -20,似乎有效,但不是真的
    猜你喜欢
    • 1970-01-01
    • 2020-08-25
    • 1970-01-01
    • 2018-10-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多