如何生成可视化图表

下载地址

https://code.visualstudio.com/ 

直接在页面选择对应windows 版本下载 ，其他的都不需要

2、vs code 怎么设置成中文

点击扩展的图标，选择中文

 

 

 安装后重启vscode 软件，你就能看到变成中文了

3、如何创建html的文件

先在本地建立一个文件夹，直接在文件夹下建立.html 的文件

在html文件下生成对应模板

！+tab键 一键生成模板

后面就是直接写对应的前端标签代码

对于代码怎么整理格式，直接选择对应html代码文档，右键整理格式化文档就好了

4、如何生成echars 图表dianji

https://echarts.apache.org/zh/index.html 访问这个地址，可以看到对应的各种图标数据

如何入門直接看，点击连接中的入门

如何替换数据，直接随便点击任意图标，复制旁边的option替换就号

两个重要的函数

// 基于准备好的dom，初始化echarts实例

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

 // 指定图表的配置项和数据

    var option = {

      xAxis: {

        type: 'category',

        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']

      },

      yAxis: {

        type: 'value'

      },

      series: [

        {

          data: [150, 230, 224, 218, 135, 147, 260],

          type: 'line'

        }

      ]

    };

// 使用刚指定的配置项和数据显示图表。

    myChart.setOption(option);

 

这就是图表数据的入门