vue2 利用echarts 單獨繪製省份

2022-09-19 11:27:07 字數 849 閱讀 5002

第一步:先引入所需的第三方模組

import echarts from "echarts"; // 引入所需要的echarts模組

import "echarts/map/js/province/shanxi"; // 引入省份的js檔案

import "echarts/map/json/province/shanxi.json"; // 引入省份的json檔案

第二步:開始繪製

1

//基於準備好的dom,初始化echarts例項

2var mychart = echarts.init(document.getelementbyid("left2"));34

var option =,

16},

17series: [18,

30},

31emphasis: ,

36},

37},

38itemstyle: ,

43emphasis: ,

47},

48 animation: false

,// 資料

49data: [50,

54,58,

62,66,

70,74,

78,82,

86,90,

9495

],96

},97

],98

};99 mychart.setoption(option);

最後結果:

vue2新人入門

預設對webpack,sass,npm有一定的了解。一些vue指令不會說,反正官方文件有,我也懶得抄。一 超級基礎部分 1.全域性安裝 npm install globall vue cli 已全域性安裝了的不必安裝 2.建立乙個基於webpack的模板專案 vue init webpack 你的專...

Vue2學習筆記

v cloak v text v html v bind v on click.stop click.prevent click.capture click.self click.once v model.lazy trim number 或者通過vue的watch監聽來處理watch b func...

vue2 學習筆記

2.安裝vue腳手架 用於建立vue專案的 進入專案檔案或者新建乙個檔案 npm install vue cli g 3.根據模板建立專案 vue init webpack dome 工程名稱 工程名字 工程名字不能用中文 備註 use eslint to lint your code n 是是否開...