echarts series设置轴坐标

可以使用 ECharts 中的 xAxis 和 yAxis 配置项来设置 x 轴和 y 轴的坐标。

例如，以下代码设置了一个基本的柱状图，其中 xAxis 和 yAxis 配置项分别设置了 x 轴和 y 轴的坐标：

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'bar'
    }]
};

其中，xAxis.type 设置为 'category'，表示 x 轴是类目型（例如，每天的日期），xAxis.data 属性用来设置 x 轴上的数据。

yAxis.type 设置为 'value'，表示 y 轴是数值型，可以显示数值大小。在这个例子中，yAxis 没有设置任何属性，因此使用了默认的设置。

series 配置项中的 data 属性用来设置柱状图的数据，type 属性设置为 'bar'，表示这是一个柱状图。

相关问题

echarts 设置时间横坐标间隔

在ECharts中，可以通过配置`xAxis`中的`interval`属性来设置时间横坐标的间隔。以下是一个示例代码，展示如何在ECharts中设置时间横坐标的间隔：

option = {
    xAxis: {
        type: 'time',
        // 设置时间横坐标的间隔，例如设置为一天
        interval: 24 * 3600 * 1000,
        // 设置时间格式
        axisLabel: {
            formatter: function (value) {
                var date = new Date(value);
                return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
            }
        }
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [
            ['2023-01-01', 120],
            ['2023-01-02', 200],
            ['2023-01-03', 150],
            ['2023-01-04', 80],
            ['2023-01-05', 70],
            ['2023-01-06', 110],
            ['2023-01-07', 130]
        ],
        type: 'line'
    }]
};

在这个示例中，`xAxis`的类型被设置为`time`，并且通过`interval`属性设置了时间间隔为一天（`24 * 3600 * 1000`毫秒）。`axisLabel`中的`formatter`函数用于格式化时间显示的格式。

echarts双坐标轴

ECharts 可以使用双坐标轴来显示两个不同单位的数据，例如同时显示温度和湿度的变化趋势。

要使用双坐标轴，需要在 option 中设置 xAxis 和 yAxis 分别对应两个坐标轴，然后在 series 中指定使用哪个坐标轴。

以下是一个简单的双坐标轴示例：

option = {
  xAxis: [
    {
      type: 'category',
      data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
    }
  ],
  yAxis: [
    {
      type: 'value',
      name: '温度',
      axisLabel: {
        formatter: '{value} °C'
      }
    },
    {
      type: 'value',
      name: '湿度',
      axisLabel: {
        formatter: '{value} %'
      }
    }
  ],
  series: [
    {
      name: '温度',
      type: 'line',
      data: [11, 11, 15, 13, 12, 13, 10],
      yAxisIndex: 0
    },
    {
      name: '湿度',
      type: 'line',
      data: [60, 65, 62, 68, 70, 75, 72],
      yAxisIndex: 1
    }
  ]
};

在上面的示例中，我们定义了两个 yAxis，分别对应温度和湿度。然后在 series 中，我们通过 yAxisIndex 属性指定了温度和湿度分别使用哪个坐标轴。