echart 不聚合 时间轴

ECharts是一款流行的JavaScript数据可视化库，支持创建丰富的图表。如果你想要在ECharts的时间轴上展示未经过聚合的数据，你可以直接将原始时间序列数据提供给`xAxis`配置中的`data`属性。例如：

var option = {
    xAxis: {
        type: 'time', // 设置为时间轴类型
        data: ['2022-01-01', '2022-01-02', '2022-01-03', ...], // 这里填写你的日期列表
        boundaryGap: false, // 如果需要连续显示数据，可以关闭边界间隙
    },
    yAxis: {},
    series: [
        {
            name: '数值',
            data: [value1, value2, value3, ...], // 每个日期对应的值
            type: 'line' // 或者其他适合展示时间序列数据的图表类型
        }
    ]
};

在这个例子中，ECharts会按照提供的日期顺序绘制每个点，不会自动进行时间范围内的数据聚合。每条线代表一个日期的数据值。

相关问题

echart 时间轴 不聚合

ECharts的时间轴功能允许你展示数据随时间的变化趋势，但默认情况下，它是对数据进行聚合处理的，例如将每天的数据合并成一天的值。如果你想要显示每个具体时刻的详细数据而不仅仅是汇总，即不进行数据的聚合，可以采取以下步骤：

1. **设置时间轴配置**：在创建时间轴时，你需要明确指定`splitLine`属性，设置其`show`为`false`，避免默认的分隔线显示。同时，确保`dataZoom`组件也设置为不聚合模式，如`type: 'inside'`。

var option = {
  xAxis: {
    type: 'time',
    splitLine: { show: false }, // 关闭默认分隔线
    dataZoom: {
      type: 'inside', // 不进行数据区域缩放
      start: 0,
      end: 1
    }
  },
  series: [
    {
      name: '数据',
      type: 'line',
      data: yourNonAggregatedData // 指定详细的、未聚合的具体数据点
    }
  ]
};

2. **传递原始数据**：在初始化图表时，传入的是具体的时间戳和对应值的二维数组，而不是已经计算过的统计数据。

echarts.init(document.getElementById('main')).setOption(option, {
  series: [{
    data: [
      [new Date('2022-01-01'), value1],
      [new Date('2022-01-02'), value2],
      ... // 具体到每秒甚至毫秒的详细数据
    ]
  }]
});