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);
}