首页 前端知识 【可视化大屏系列】Echarts的基础使用

【可视化大屏系列】Echarts的基础使用

2024-08-23 20:08:35 前端知识 前端哥 983 973 我要收藏

本文为个人近期学习总结,若有错误之处,欢迎指出!

Echarts在vue2中的基础使用

  • 一、简单介绍
  • 二、基本使用(vue2中)
    • 1.npm安装
    • 2.main.js引入
    • 3.使用步骤
      • (1)准备带有宽高的DOM容器;
      • (2)初始化echarts实例;
      • (3)定义图表的配置项和数据;
      • (4)为echarts实例设置配置项和数据。

一、简单介绍

      一个基于 JavaScript 的开源可视化图表库,支持用户交互和个性化定制,提供折线图、柱状图、饼图、散点图、关系图、树图、地图、仪表盘等各种图表类型,功能非常强大。
这里提供几个官网相关地址:
      官网地址:https://echarts.apache.org/zh/index.html
      官网使用手册:https://echarts.apache.org/handbook/zh/get-started/
      官网图表示例地址:https://echarts.apache.org/examples/zh/index.html,
      图表配置项手册地址:https://echarts.apache.org/zh/option.html#title,
      图表API地址:

转载请注明出处或者链接地址:https://www.qianduange.cn//article/16662.html
评论
发布的文章

HTML5 基本框架

2024-09-01 23:09:50

HTML5取消边框的方法

2024-09-01 23:09:50

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!