用echarts图显示混淆矩阵

ECharts是一个强大的JavaScript数据可视化库，可以用来创建各种图表，包括混淆矩阵。混淆矩阵通常用于评估分类模型的性能，它展示的是实际类别和预测类别之间的对应关系。

要在ECharts中展示混淆矩阵，你可以按照以下步骤操作：

1. 首先，确保已安装ECharts库，并在一个HTML文件中引入它。

<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.4.0/echarts.min.js"></script>

2. 准备混淆矩阵的数据，这通常是一张二维数组，其中行代表真实类别，列表示预测类别及其对应的计数。

例如：

const data = [
  [0, 1, 2], // 真实类别
  [3, 4, 5], // 预测类别
  [6, 7, 8] // 计数
];

3. 使用ECharts的`heatmap`图型，设置图表配置，包括标题、颜色映射等。

var chart = echarts.init(document.getElementById('container'));

var option = {
  title: {
    text: 'Confusion Matrix'
  },
  tooltip: {},
  visualMap: {
    pieceswise: [{
      value: 0,
      color: '#fff' // 白色表示未预测到
    }, {
      value: 1,
      color: 'red' // 预测错误的颜色
    }, {
      value: 2,
      color: 'green' // 预测正确的颜色
    }],
    show: true,
    inRange: {
      colorAlpha: 0.6
    }
  },
  series: [{
    type: 'heatmap',
    data: data,
    label: {
      show: false
    }
  }]
};

chart.setOption(option);

4. 最后，渲染图表到指定容器。

chart.render();