随笔分类 - Echarts
摘要:解决方法 将饼图的长度调短 series: [{ name: '', type: 'pie', radius: '55%', center: ['50%', '60%'], itemStyle: { normal: { label: { show: true, }, labelLine: { sho
阅读全文
摘要:想改变饼图生长起始角度,用startAngle属性,但是找不到饼图的起始位置和生长方向,注意:饼图的生长的顺序是按照data的数据的顺序来从起始角度根据占比生长的 举个栗子 数据: series: [{ name:‘项目’, type:‘pie’, radius: [‘32%’, ‘50%’], m
阅读全文
摘要:数据过多,且几个比较小的数据在一块扎堆 解决方案 在series中的一个对象中 添加属性 minAngle 源码1,元数据部分: #其中的两个红色加粗的为数值非常小的,在饼图中根据数据占比会非常小,用肉眼几乎看不出来。let echartData = { inner: [ { value: 300,
阅读全文
摘要:1,效果图1 <div style="height:500px;"> <div id="ec2" style="height: 98%;padding: 15px;"></div> </div> <script> var dom2 = document.getElementById("ec2");
阅读全文
摘要:我们一般使用grid来进行调整 grid: [{ left: '10%', bottom: '10%', top: '10%', right: '10%' }], 饼图调整方式 radius : [ '30%', '50%' ],//内外圆的大小 center : [ '45%', '60%' ],
阅读全文
摘要:字体基本样式设置:fontStyle、fontWeight、fontSize、fontFamily。 文字颜色:color。 文字描边:textBorderColor、textBorderWidth。 文字阴影:textShadowColor、textShadowBlur、textShadowOff
阅读全文
摘要:名称类型默认值可选值效果 trigger string ‘item’ ‘item’,’axis’ 触发类型,默认数据触发 当trigger为’item’ tooltip : { trigger: 'item' } 当trigger为’axis’ tooltip : { trigger: 'axis'
阅读全文
摘要:问题背景: 因为自己需要,展示中国地图的航飞路线, 在制作大屏的过程中 需要在中心的位置 初始如下图: 现在想要将重心位置放置一个模拟飞行航线的地图 Echarts链接:https://gallery.echartsjs.com/editor.html?c=x0-ExSkZDM ,打开链接 可见 如
阅读全文