echarts图表总结,帮你轻松解决你想要的图标(可直接看适合的样式然后复制代码到本地)

echarts图表总结,帮你轻松解决你想要的图标(可直接看适合的样式然后复制代码到本地)

注:一定要把资源下载下来,因为资源地址会随时变化
1、可视化社区
https://www.makeapie.cn/echarts_2.html?queryStr=%E4%B8%96%E7%95%8C%E5%9C%B0%E5%9B%BE
在这里插入图片描述
在这里插入图片描述

<script type="text/javascript" src="https://registry.npmmirror.com/echarts/5.1.2/files/dist/echarts.min.js"></script>
<script type="text/javascript" src="https://registry.npmmirror.com/jquery/3.7.1/files/dist/jquery.min.js"></script>
<div id="chart-panel" style="width: calc(100vw - 50px);height:calc(100vh - 50px); padding: 100px; margin: 0 auto;"></div>
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('chart-panel'));
// 指定图表的配置项和数据
var option = {};

在这里插入图片描述
如若没显示,检查是否有配置如下

if (option && typeof option === 'object') {
   myChart.setOption(option);
}

在这里插入图片描述

2、ISQQW.com
https://www.isqqw.com/?t=map
需要自己注册帐号
在这里插入图片描述
在这里插入图片描述

<script type="text/javascript" src="https://registry.npmmirror.com/echarts/5.1.2/files/dist/echarts.min.js"></script>
<script type="text/javascript" src="https://registry.npmmirror.com/jquery/3.7.1/files/dist/jquery.min.js"></script>
<div id="chart-panel" style="width: calc(100vw - 50px);height:calc(100vh - 50px); padding: 100px; margin: 0 auto;"></div>
var myChart = echarts.init(document.getElementById('chart-panel'));
var option = {};

在这里插入图片描述
如若没显示,检查是否有配置如下

if (option && typeof option === 'object') {
   myChart.setOption(option);
}

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值