echarts画表格

ECHARTS 是一个非常强大的可视化库，可以用来绘制各种类型的图表，包括柱状图、折线图、饼图、散点图等等。要画表格，可以使用 ECHARTS 中的表格组件，具体步骤如下：

1. 引入 ECHARTS 的 JS 文件：

<script type="text/javascript" src="echarts.min.js"></script>

2. 创建一个 DOM 容器：

<div id="myTable" style="width: 600px;height:400px;"></div>

3. 初始化 ECHARTS 实例：

var myChart = echarts.init(document.getElementById('myTable'));

4. 配置表格组件：

option = {
    legend: {},
    tooltip: {},
    dataset: {
        // 数据源
        source: [
            ['Product', '2015', '2016', '2017'],
            ['Matcha Latte', 43.3, 85.8, 93.7],
            ['Milk Tea', 83.1, 73.4, 55.1],
            ['Cheese Cocoa', 86.4, 65.2, 82.5],
            ['Walnut Brownie', 72.4, 53.9, 39.1]
        ]
    },
    // 表格配置
    grid: {
        containLabel: true
    },
    xAxis: {type: 'category'},
    yAxis: {},
    // 系列配置
    series: [
        {type: 'bar'},
        {type: 'bar'},
        {type: 'bar'}
    ]
};

// 使用设置好的配置项显示表格
myChart.setOption(option);

如上所示，我们配置了四个维度的数据（Product、2015、2016、2017），以及每个维度对应的数据值，然后指定了表格组件的样式和配置，最后将其显示在页面上。