vue数据可视化界面，智慧图表。Echarts，以及git

最新推荐文章于 2024-05-26 12:10:26 发布

Midk

最新推荐文章于 2024-05-26 12:10:26 发布

阅读量2.3k

点赞数 14

分类专栏： web前端全栈从0基础到精通（祺）vue、react 文章标签： git 数据可视化 Eacharts vue github

本文链接：https://blog.csdn.net/weixin_49030317/article/details/116666179

版权

一、数据图表一张图表胜过千万句话1.1HighChart概念兼容 IE6+、完美支持移动端、图表类型丰富、方便快捷的 HTML5 交互性图表库下载一、通过CDNhttps://code.highcharts.com.cn/index.html二、通过NPM下载（用的比较多）npm install highcharts三、通过官网下载https://www.highcharts.com.cn/download通过引入库的方式引入到本地基本应用<!DOCTYPE

摘要由CSDN通过智能技术生成

一、数据图表

一张图表胜过千万句话

1.1HighChart

概念

兼容 IE6+、完美支持移动端、图表类型丰富、方便快捷的 HTML5 交互性图表库

下载

一、通过CDN
https://code.highcharts.com.cn/index.html
二、通过NPM下载（用的比较多）
npm install highcharts
三、通过官网下载
https://www.highcharts.com.cn/download
通过引入库的方式引入到本地

基本应用

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <!-- 第一步引入核心库 -->
    <script src="./node_modules/highcharts/highcharts.js"></script>
    <style>
      #box {
    
        width: 600px;
        height: 500px;
      }
    </style>
  </head>
  <body>
    <!-- 第二步 创建一个容器 用来承载你的数据图表 指定当前图表库的大小 -->
    <div id="box"></div>
    <!-- 第三步  逻辑交互 -->
    <script>
      //创建图表的配置项
      let options = {
    
        chart: {
    
          type:<

最低0.47元/天解锁文章

Midk

关注

14
点赞
踩
39

收藏

觉得还不错? 一键收藏
35
评论
vue数据可视化界面，智慧图表。Echarts，以及git

一、数据图表一张图表胜过千万句话1.1HighChart概念兼容 IE6+、完美支持移动端、图表类型丰富、方便快捷的 HTML5 交互性图表库下载一、通过CDNhttps://code.highcharts.com.cn/index.html二、通过NPM下载（用的比较多）npm install highcharts三、通过官网下载https://www.highcharts.com.cn/download通过引入库的方式引入到本地基本应用<!DOCTYPE
复制链接

扫一扫