随笔分类 - Echarts
摘要:实现效果: 如上所示,显示的是贵州省的地图,且分为三种图标,表示的是三种不同类型,根据经纬度显示具体位置。 实现代码: 1.html: <div id="distributionDiv"></div> 2.js: 引入三个图片,引入贵州省的一个json文件,这个自己百度即可,使用json文件注册贵州
阅读全文
摘要:在代码中通过v-for显示每行内容,引入v-chart时,在设置ref的值时,因为说是不能共用一个,需要唯一, 开始想着直接是:ref来动态赋值,后来发现在下面方法中写自适应方法时,取不到对应的图的ref值。 实现代码: 1.html: <div class="eachPartition" v-fo
阅读全文
摘要:如上图所示,在放大/缩小浏览器屏幕时,echarts图可以自适应。 实现代码: 1.html: <div class="tps"> <p>TPS</p> <div class="tps_charts"> <v-chart ref="runTimes_creditChart" class="credi
阅读全文

浙公网安备 33010602011771号