echarts读取excel数据_数据可视化(3Dbar)Step1

完成效果：

这学期有这门课，赶鸭子上架。老师要求做3D的，可是我死活找不到3D能用的交互组件。

echarts画图:

1. 声明要用的变量:

    //实例化echartsvar myChart = echarts.init(document.getElementById('main'));var xData = [...];var yData = [...];var data = [...];

2. 全局配置:

    //3d的图像,交互组件好像没有2d图像那么全面,交互得靠自己写js代码。var option = {
             tooltip:{
             },    //这是视觉编码的组件    visualMap: {
                 show:false,        max: 15,        inRange: {
                     color: ['#313695', '#4575b4', '#74add1', '#abd9e9', '#e0f3f8', '#ffffbf', '#fee090', '#fdae61', '#f46d43', '#d73027', '#a50026']        }    },    //grid在2D图像里可以省，在3D图像不能省。    grid3D:{
                 boxWidth: 100,        boxDepth: 100,        light:{},        viewControl:{},    },    xAxis3D:{
                 name: 'x',        type: 'category',        data: xData    },    yAxis3D:{
                 name:'y',        type: 'category',        data: yData    }