如何在vue环境中更改我的c3图表轴颜色

import * as c3 from 'c3';
import * as d3 from 'd3';

export default {
  mounted() {
    this.renderChart();
  },
  methods: {
    renderChart() {
      const chart = c3.generate({
        bindto: '#chart', // 绑定到指定的DOM元素
        data: {
          columns: [
            ['data1', 30, 200, 100, 400, 150, 250],
            ['data2', 50, 20, 10, 40, 15, 25]
          ]
        },
        axis: {
          x: {
            // 设置x轴的颜色
            tick: {
              outer: false,
              color: '#ff0000'
            }
          },
          y: {
            // 设置y轴的颜色
            tick: {
              outer: false,
              color: '#00ff00'
            }
          }
        }
      });
    }
  }
}

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