用Echarts绘制xy坐标系并绘制图像(读指定表格数据)

前言：在使用echarts过程中，会有很多 设置属性的疑惑，建议可以查阅百度官方的文档，里面不仅仅只有属性说明，还有一些是可以在线测试，可视化某些属性的变化。

今天我接到一个任务就是，读取一个表格，然后根据表格，在一个xy坐标系上绘制直线，由于对echarts不是很熟悉，所以还是走了很多弯路，很多设置的内容，有时候搜索网上都搜索不到，最后查阅百度官方的文档解决了我很多问题。其实更加便捷直观的方法是可以学一下百度提供的demo里面一些案例可能会给你很大的提示，然后某些个性化的定制内容，可以再倒回去查阅文档这样子可能效率更高。

 我在接到任务时，是这样子分解工作的

1、如何在xy坐标系，瞄出我指定的点

例如如何xy坐标系上，画出(1,2) ,(2,4),(3,6)这几个点

我一开始使用的是这个例子，发现怎么调都有问题，因为这个的话x轴是一个category类型，无法满足我的需求，我的需求应该是x y Axis的type都是value，但是发现改了xAxis，总是有问题，这个情况变成了，图线只会显示y轴的值，而且xy轴值一样

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
    }]
};

效果图

最后我的解决办法是看了官网这个例子，这个例子告诉我，可以自己控制x,y的值在xy坐标系上描点

option = {
    xAxis: {},
    yAxis: {},
    series: [{
        data: [[20, 120], [50, 200], [40, 50]],
        type: 'line'
    }]
};

效果图