Javascript 使用c3js为相同的json数据创建组合图（直线和条形图）

我想为相同的json数据创建一个组合图（线条和条形图），这样线条就会接触到所有的条形图，因为数据点是相同的

这是密码

var graphdata=[
{ 'indicator': 'X', 'total': 100 },
            { 'indicator': 'Y', 'total': 200 },
            { 'indicator': 'Z', 'total': 300 }
];
var g1=[
{ 'indicator': 'X', 'total': 150 },
            { 'indicator': 'Y', 'total': 220 },
            { 'indicator': 'Z', 'total': 330 }
];
setTimeout(function () {
    chart.load({
          data: {
        type: 'line',
        json: g1,
        keys: {
            x: 'indicator',
            value: ['total']
        },

    },
    axis: {
            x: {
                type: 'category'
            }
    },
    });
}, 1000);
var chart = c3.generate({
    data: {
        type: 'bar',
        json: graphdata,
        keys: {
            x: 'indicator',
            value: ['total']
        },

    },
    axis: {
            x: {
                type: 'category'
            }
    },
    bar: {
        width: {
            ratio: 0.5
        }
    }
});

此输出仅为条形图，未加载折线图。

请尝试此代码

var data = [
{ 'date': '2015-01-01', 'Dept': null, 'SMV': 3},
{ 'date': '2015-01-02', 'Dept': 1, 'SMV': 4}
];

示例您将所有日期、部门和SMV数据分离到单独的数组中。这里的方法如下：数据应该包含一个由多个数组组成的数组。第一个参数定义为数据集的键。示例数据集如下所示：

var data = [
['date', '2015-01-01', 2015-01-02'],
['Dept', null, 1],
['SMV', 3, 4]
];

试试这个代码

var data = [
{ 'date': '2015-01-01', 'Dept': null, 'SMV': 3},
{ 'date': '2015-01-02', 'Dept': 1, 'SMV': 4}
];

示例您将所有日期、部门和SMV数据分离到单独的数组中。这里的方法如下：数据应该包含一个由多个数组组成的数组。第一个参数定义为数据集的键。示例数据集如下所示：

var data = [
['date', '2015-01-01', 2015-01-02'],
['Dept', null, 1],
['SMV', 3, 4]
];

---

尝试下面的简单代码，您可以使用一个简单的JSON文件，如下所示

var graphdata={data1:[100,200,300],data2:[150,220,330]};
var chart = c3.generate({
    data: {
        types: {data1:'spline',
            data2:'bar'
        },
        json: graphdata,
    },
    bar: {
        width: {
            ratio: 0.5
        }
    }
});

---

有关更多详细信息，请尝试。

尝试下面的简单代码，您可以使用一个简单的JSON文件，如下所示

var graphdata={data1:[100,200,300],data2:[150,220,330]};
var chart = c3.generate({
    data: {
        types: {data1:'spline',
            data2:'bar'
        },
        json: graphdata,
    },
    bar: {
        width: {
            ratio: 0.5
        }
    }
});

---

有关更多详细信息，您可以尝试。

控制台中有错误吗？我没有收到任何错误控制台中有错误吗？我没有收到任何错误