echarts x轴轴值自动生成

ECharts提供了两种方式来生成x轴轴值：

1. 直接在数据中指定x轴轴值

在数据中指定x轴轴值是最简单的方法。例如，在一个包含年份和销售额的数据中，可以将年份作为x轴轴值，销售额作为y轴轴值。如下所示：

var data = [
  {year: '2015', sales: 100},
  {year: '2016', sales: 200},
  {year: '2017', sales: 300},
  {year: '2018', sales: 400},
];

在ECharts中，可以通过设置xAxis.type为'category'，来将x轴轴值设置为类目型数据。如下所示：

option = {
  xAxis: {
    type: 'category',
    data: ['2015', '2016', '2017', '2018']
  },
  yAxis: {},
  series: [{
    type: 'line',
    data: [100, 200, 300, 400]
  }]
};

2. 使用ECharts的轴值自动生成功能

ECharts提供了轴值自动生成的功能，可以根据数据自动生成x轴轴值。需要设置xAxis.type为'value'，并且不设置xAxis.data。如下所示：

option = {
  xAxis: {
    type: 'value'
  },
  yAxis: {},
  series: [{
    type: 'line',
    data: [[2015, 100], [2016, 200], [2017, 300], [2018, 400]]
  }]
};

在这个例子中，ECharts会根据数据自动生成x轴轴值。如果要自定义x轴轴值，可以通过formatter函数来实现。如下所示：

option = {
  xAxis: {
    type: 'value',
    axisLabel: {
      formatter: function (value) {
        return value + '年';
      }
    }
  },
  yAxis: {},
  series: [{
    type: 'line',
    data: [[2015, 100], [2016, 200], [2017, 300], [2018, 400]]
  }]
};

在这个例子中，formatter函数会将x轴轴值加上'年'字。