带有y轴百分比的c3.js时间序列图

<script src="https://d3js.org/d3.v7.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/c3@0.7.20/c3.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/c3@0.7.20/c3.min.css">

<div id="chart"></div>

var chart = c3.generate({
  bindto: '#chart',
  data: {
    x: 'x',
    columns: [
      ['x', '2019-01-01', '2019-02-01', '2019-03-01', ...], // 时间数据
      ['data', 0.2, 0.5, 0.8, ...] // 百分比数据
    ],
    types: {
      data: 'area-spline' // 使用面积曲线图展示数据
    },
    axes: {
      data: 'y2' // 将数据轴指定为y2轴
    }
  },
  axis: {
    x: {
      type: 'timeseries',
      tick: {
        format: '%Y-%m-%d' // x轴时间格式
      }
    },
    y2: {
      show: true,
      tick: {
        format: d3.format('.1%') // y2轴百分比格式
      }
    }
  }
});