搭建Vite环境
首先，我们使用命令：
yarn create vite echarts-test创建空白的vite项目：
这里有很多个选项，我们不需要额外的Javascript框架，所以选择第一个选项Vanilla，原生Javascript。接下还有一个选项，选择Typescript或者Javascript，我们选择Typescript。
这里项目就被创建成功了。
这里提示我们可以cd echarts-test进入该项目，我们无视他，因为，我们一般不会用命令行开发，都是用IDE开发。
我们用VSCode打开，刚刚新建的项目：
使用：
yarn install安装项目的依赖。安装完成用
yarn run dev启动Vite的服务：
在浏览器输入：localhost:5173就可以看到自动生成的项目的页面了。
导入Echarts
使用：
yarn add echarts安装echarts。
安装完成后，修改main.ts文件：
import './style.css'
服务器托管网import * as echarts from 'echarts';
document.querySelector('#app')!.innerHTML = `
`
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 绘制图表
myChart.setOption({
title: {
服务器托管网 text: '衣服销量'
},
tooltip: {},
xAxis: {
data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子', '内裤']
},
yAxis: {},
series: [
{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20, 100]
}
]
});
最后的显示效果：
服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net
机房租用，北京机房租用，IDC机房托管， http://www.fwqtg.net
相关推荐: node版本问题：Error: error:0308010C:digital envelope routines::unsupported
前言 出现这个错误是因为 node.js V17及以后版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响. 在node.js V17以前一些可以正常运行的的应用程序,但是在 V1…
