javascript - Openerp如何将条形图单列多颜色更改为多列？

Question

下面的条形图代码：-

var data = [
    {data: [[0, 5],[1,2],[2,4],[3,1]], label:'t1'},
    {data: [[0,2],[1, 5],[2,2],[3,3]], label:'t2'},
    {data: [[0,3],[1, 7],[2,5],[3,2]], label:'t3'},
    {data: [[0,4],[1, 3],[2,1],[3,4]], label:'t4'}
];

$.plot($("#placeholder"), data, {
    series: {
        lines: {
            fill: true,
        },
        bars: {
            show: true,
            align:'center',
            barWidth: 0.8,
        }   
    },
    xaxis: {
        ticks: [[0, "Jan"],[1, "Feb"],[2, "Mar"],[3, "Apr"]]
    },
    yaxis: {
        min: 0
    }
});

上面的代码返回输出

示例小提琴。

如何获得下面的条形图显示 t1、t2、t3、t4 到相应月份的单独颜色？...基于此输出，代码需要进行哪些更改？...

Answer 1

下面的代码用于显示条形字符的单个颜色

var data = [
    {data: [[0, 5],[1,2],[2,4],[3,1]], label:'t1'},
    {data: [[0.2,2],[1.2, 5],[2.2,2],[3.2,3]], label:'t2'},
    {data: [[0.4,3],[1.4, 7],[2.4,5],[3.4,2]], label:'t3'},
    {data: [[0.6,4],[1.6, 3],[2.6,1],[3.6,4]], label:'t4'}
];

$.plot($("#placeholder"), data, {
    series: {
        lines: {
            fill: true,
        },
        bars: {
            show: true,
            align:'center',
            barWidth: 0.1,
        }   
    },
    xaxis: {
        ticks: [[0.3, "Jan"],[1.3, "Feb"],[2.3, "Mar"],[3.3, "Apr"]]
    },
    yaxis: {
        min: 0
    }
});

但默认数据值显示data = [{data:[[0,5]], label:'t1'}, data:[[0,2]], label:'t1'}, data:[[0,3 ]]，标签：'t1'}];

如何将x轴0、0、0的数据值动态更新为0、0.2、0.4、0.6？...