D3.js C3组合图中以十进制显示的Y2轴

D3.js C3组合图中以十进制显示的Y2轴,d3.js,charts,c3.js,D3.js,Charts,C3.js,我用下面的数据尝试了C3组合图。它以小数点显示Y2轴。所以我在图表中看不到数据2点 var chart = c3.generate({ data: { columns: [ ['data1', 30543, 2045346, 50765767, 4067657, 605676, 50665], ['data2', 200, 130, 90, 240, 130, 220] ], t

我用下面的数据尝试了C3组合图。它以小数点显示Y2轴。所以我在图表中看不到数据2点

var chart = c3.generate({
    data: {
         columns: [
              ['data1', 30543, 2045346, 50765767, 4067657, 605676, 50665],
              ['data2', 200, 130, 90, 240, 130, 220]
         ],
         type: 'bar',
         types: {
              data2: 'line'
         }
     },
     axis: {
         y2: {
              show: true
             }
     }
});

请告诉我解决方案

您将第二个y轴设置错误。这样,您在中只看到一个y轴,显示范围waaay位于第二列上方,这就是它显示为点的原因

只需添加
轴:{data1:'y',data2:'y2'}

图表的完整配置应如下所示:

var chart = c3.generate({
    data: {
        columns: [
            ['data1', 30543, 2045346, 50765767, 4067657, 605676, 50665],
            ['data2', 200, 130, 90, 240, 130, 220]
        ],
       types: {
            data1: 'bar',
            data2: 'line'      
        },
        axes: {
            data1: 'y',
            data2: 'y2'
        }

    },
    axis: {
        y2: {
            show: true
        }
    }
});