echarts
ann0302
这个作者很懒,什么都没留下…
展开
-
03-echarts主题和调色盘
主题1、内置主题在初始化对象方法 init 中可以指明var chart = echarts.init(dom, 'light')var chart = echarts.init(dom, 'dark')2、自定义主题打开echarts官网,找到下载中的主题下载进入后,点击定制主题然后找一个你喜欢的主题,下载它得到一个文件,itcast.js.txt,引入html得到这种风格的主题。调色盘1、主题调色盘2、全局调色盘全局调色盘会覆盖主题调色盘。3、局部调色盘局部原创 2021-07-24 18:35:30 · 460 阅读 · 5 评论 -
echarts总结
原创 2021-07-24 18:06:27 · 71 阅读 · 0 评论 -
02-echarts雷达图
步骤1 ECharts 最基本的代码结构<!DOCTYPE html><html lang="en"><head><script src="js/echarts.min.js"></script></head><body><div style="width: 600px;height:400px"></div><script> var mCharts = echarts.原创 2021-07-24 17:58:42 · 223 阅读 · 0 评论 -
01-Echarts引入地图
地图图表的使用方式百度地图API : 使用百度地图的 api , 它能够在线联网展示地图, 百度地图需要申请 ak矢量地图 : 可以离线展示地图, 需要开发者准备矢量地图数据接下来的实现是通过矢量图的方式来实现的矢量地图的实现步骤1、Echarts最基本的代码结构:引入js文件,DOM容器,初始化对象,设置option<!DOCTYPE html><html lang="en"><head><script src="js/echarts.min.原创 2021-07-24 11:50:50 · 1501 阅读 · 0 评论 -
00-ECharts的快速上手
ECharts 的入门使用特别简单, 5分钟就能够上手. 他大体分为这几个步骤步骤1:引入 echarts.js 文件echarts是一个 js 的库,当然得先引入这个库文件<script src="js/echarts.min.js"></script>步骤2:准备一个呈现图表的盒子这个盒子通常来说就是我们熟悉的 div ,这个 div 决定了图表显示在哪里<div id="main" style="width: 600px;height:400px;">原创 2021-07-23 10:58:19 · 150 阅读 · 0 评论