echarts使用表格里的数据

ECharts是一个强大的JavaScript图表库，它可以方便地展示表格数据。使用ECharts处理表格数据，首先需要准备一个二维数组或者JSON对象，其中每个内部数组代表一行数据，每一项对应一列的数据值。

以下是基本步骤：

1. **初始化图表**：

   var chart = echarts.init(document.getElementById('main')); // 获取dom元素

2. **设置选项**：
- 创建一个配置对象，包括标题、x轴、y轴以及数据源等信息：

   var option = {
       title: {
           text: '表格示例'
       },
       tooltip: {}, // 设置提示框
       xAxis: [
           { type: 'category', data: ['A', 'B', 'C', 'D'] } // x轴标签
       ],
       yAxis: [], // 如果需要y轴，可以添加配置
       series: [{
           type: 'table', // 表格类型
           data: [[10, 20], [30, 40], [50, 60]] // 数据矩阵，第一层表示行，第二层表示列
       }]
   };

3. **渲染图表**：

   chart.setOption(option);