C3 中具有 JSON 数据的多个 Y 轴

Question

当尝试将 json 数据映射到 c3 js 中的多个 y 轴时，第二个轴不会缩放到数据，而是显示 0-1。有什么改正的想法吗？

Answer 1

var chart = c3.generate({
  bindto: '#chart',
  data: {
    json: [{
        "name": "google search",
        "Lead": 250,
        "Conversion": 59,
        "Rate": 50
      },
      {
        "name": "facebook advertisement",
        "Lead": 104,
        "Conversion": 20,
        "Rate": 60
      },
      {
        "name": "ST Ads",
        "Lead": 200,
        "Conversion": 123,
        "Rate": 70
      }
    ],
    keys: {
      x: 'name',
      value: ['Lead', 'Conversion', 'Rate'],
    },
    axes: {
      'Rate': 'y2'
    },
    type: 'bar',
    types: {
      'Rate': 'line'
    }
  },
  axis: {
    x: {
      type: 'category'
    },
    y2: {
      show: true
    }
  }
});