echart怎么实现多个时间密度图，样式好看，颜色自动分配

要实现多个时间密度图，并让它们看起来漂亮，可以使用 ECharts 库中的“多个 Y 轴的坐标系”功能和自定义颜色主题。

首先，将每个时间密度图的数据分别存储在不同的数据系列中。然后，在 ECharts 中创建一个带有多个 Y 轴的坐标系，并将每个数据系列分配给不同的 Y 轴。

接下来，为了让图表看起来漂亮，可以使用 ECharts 中的默认颜色主题或自定义颜色主题。自定义颜色主题可以使用 ECharts 的 color 属性指定每个数据系列的颜色，也可以使用 ECharts 默认的颜色列表中的颜色。

下面是一个示例代码片段，演示如何实现多个时间密度图并使用自定义颜色主题：

// 定义数据
var dataSeries1 = [1, 2, 3, 4, 5];
var dataSeries2 = [2, 4, 6, 8, 10];
var dataSeries3 = [3, 6, 9, 12, 15];

// 配置图表
var option = {
  // 自定义颜色主题
  color: ['#5793f3', '#d14a61', '#675bba'],
  // 多个Y轴的坐标系
  grid: {
    left: '3%',
    right: '4%',
    bottom: '3%',
    containLabel: true
  },
  yAxis: [
    {
      type: 'value',
      name: 'Y轴1'
    },
    {
      type: 'value',
      name: 'Y轴2'
    },
    {
      type: 'value',
      name: 'Y轴3'
    }
  ],
  xAxis: {
    type: 'category',
    data: ['周一', '周二', '周三', '周四', '周五']
  },
  series: [
    {
      name: '数据系列1',
      type: 'line',
      data: dataSeries1,
      yAxisIndex: 0, // 分配给第一个Y轴
    },
    {
      name: '数据系列2',
      type: 'line',
      data: dataSeries2,
      yAxisIndex: 1, // 分配给第二个Y轴
    },
    {
      name: '数据系列3',
      type: 'line',
      data: dataSeries3,
      yAxisIndex: 2, // 分配给第三个Y轴
    }
  ]
};

// 初始化图表
var myChart = echarts.init(document.getElementById('myChart'));
myChart.setOption(option);

在上面的代码中，我们定义了三个数据系列，分别对应三个时间密度图。然后，我们为每个数据系列分配一个不同的 Y 轴，并使用自定义颜色主题来指定每个数据系列的颜色。最后，我们初始化 ECharts 实例并将配置选项传递给它。

希望这可以帮助你实现多个时间密度图并使它们看起来漂亮！