Question

我是新手。我有这个条形图：

这是我用过的代码：

$.getJSON('chartBar.json', function(graphDataBar){

    $.plot($('#graph-bars'), graphDataBar, {
        series: {
            bars: {
                show: true,
                barWidth: .1,
                align: 'right'


            },
            shadowSize: 0
        },
        grid: {
            color: '#646464',
            borderColor: 'transparent',
            borderWidth: 20,
            hoverable: true
        },
        xaxis: {
            tickColor: 'transparent',
            ticks: [[6,'Week 48'],[7,'Week 49'],[8,'Week 50'],[9,'Week 51'],[10,'Week 52']],
            min: 5.5,
            max: 10.5,
            mode: 'time',
         timeformat: "%b %d",
         minTickSize: [1, "day"],
         tickSize: [1, "day"],
         autoscaleMargin: .10
        },
        yaxis: {
            tickSize: 5
        }
    });

我试过在x轴内使用属性，但似乎没有任何帮助。我知道有办法做到这一点，我看过This之类的例子。但它似乎没有用。我想在这里取得成功的是这个

我还在Stackoverflow上看到了This之类的其他示例但它仍然没有成功。我不确定我是否认为这是错误的方式，或者我是否需要使用时间戳才能使其正常工作，但我做错了。

有人可以向我解释解决方案的工作原理吗？我想了解未来的Bar Charts

提前谢谢

Answer 1

我假设JSON数据与您的其他问题here中的数据相同，所以如果不是这样，请道歉。

我创建了一个小提琴here，使用以下JSON数据演示“非堆叠条形码”：

series.bars.order

这使用orderBars plugin。使条形并排（而不是垂直）显示的关键是将series: { bars: { ... order: 1 } },属性设置为1：

{{1}}

Flot Bar Chart - 如何创建非堆叠值

1 个答案: