第30页,共111页。 显示 1,105 条结果 (0.119 秒)
Echarts图形-扩展属性:折线 - 联合图设置X轴起点在Y轴上
(此文档仅供参考) 问题 如下图,想设置第一条数据标在Y轴点 image2019-10-11 18:36:18.png 解决方案 可采用以下扩展属性 { "xAxis": { "boundaryGap": false } } image2019-10-11 18:35:32.png 另外,对于联合图是自定义标线的起点不在Y轴上的问题也可以用此扩展属性解决。 image2019-10-11 18:38:0.pngEcharts图形-扩展属性:x轴标签显示在坐标轴刻度中间
(本文档仅供参考) 问题 如何实现将x轴的标签值放在刻度中间的效果? image2021-6-4_13-48-26.png 解决方案 可以写扩展属性实现: { "xAxis": { "axisTick": { "alignWithLabel": true } } } x轴标签居中Echarts图形-扩展属性:泡泡图 - 实现泡泡图添加矩形的范围
(本文档仅供参考) 问题 希望能实现矩形的标准范围(比如X轴要求780-900的范围且Y轴要求350-500),以便快速识别标准范围外的泡泡点,具体效果如附件所示,请问如何实现?效果图如下: image2019-3-15 11:37:14.png 解决方案 通过扩展属性设置相应区域: { "series": [{ "markArea": { "data": [ [{ "name": "参考", "coord": [150, 1200],Echarts图形-扩展属性:鼠标提示 - 散点图数据标签显示名称
(本文档仅供参考) 问题 如何实现在散点图上直接显示产品名称,如“海鲜”? image2019-4-12 13:0:28.png 解决方案 可直接通过扩展属性实现: { "series": [{ "label": { "normal": { "show": true, "position": "top", "formatter": "function (param) {return param.value[2];}" }Echarts图形-扩展属性:数据标签 - 散点图数据标签如何设置重叠不显示
(本文档仅供参考) 问题描述: 如何实现在散点图上重叠的标签直接不显示,如图: https://static.dingtalk.com/media/lQLPJwNbUg-RCXvNAoXNBLGwezWC7Z53zzcIAokcy1Z9AA_1201_645.png 解决方案 可直接通过扩展属性实现: { "series": [{ "labelLayout": { "hideOverlap": true } }] } https://static.dingtalk.com/mEcharts图形-扩展属性:数据标签 - 矩阵树图标签显示数据
(本文档仅供参考) 问题: 矩阵树图默认只显示类别,如何在数据标签中显示数据呢? 默认.png 解决方案: 可以参考配置下面的扩展属性调整 { "series": [ { "label": { "formatter": "function(a){return a.name +'\\n'+parseFloat(a.value).toFixed(2) }" } } ] } 添加方法.png 实现效果如下 添加后.png 占比可参考下面扩展属性 option = { "series": [{ "label": { "formatter": "function(Echarts图形-扩展属性:数据标签 - 关系图的连线上显示关系信息
(本文档仅供参考) 问题 关系图,在关系连线上直接显示出关系信息,如下图所示 关系图.png 解决方案 可使用如下扩展属性代码实现: { "series": [{ "edgeLabel": { "normal": { "show": true, "formatter": "function(x){ return x.name+':'+x.value;}", //连线显示关系 } } }] } PS: x.name 和x.value 是固定图形方法属性,如果Echarts图形-扩展属性:鼠标提示 - 雷达图鼠标提示-数据后面添加单位
(本文档仅供参考) 问题 雷达图希望数据后面添加单位 A09081FE-886B-4f1e-BD64-CDA8CD63FC02.png 解决方案 具体请参考如下扩展属性 添加位置.png "tooltip": { "formatter": "function(a){var s = '';var arr = a.data.valueInfo;for(var i in arr){s+=arr[i].displayValue[0]+':'+arr[i].displayValue[1]+'个<br/>';}return s}" } 实现效果 实现效果.png 鼠标提示单位Echarts图形-扩展属性:鼠标提示 - 雷达图鼠标提示显示在图表区域内
(本文档仅供参考) 问题 雷达图鼠标有很多值的时候,鼠标提示会显示超出图表区域,这时候要如何解决? image2018-11-20 11:26:31.png 解决方案 可通过扩展属性实现限制鼠标提示在区域内,具体用如下扩展属性: { "tooltip": { "confine": true } } image2018-11-20 11:28:24.png 效果: image2018-11-20 11:28:5.png 鼠标提示显示不全Echarts图形-扩展属性:样式 - 雷达图修改线条颜色和字体颜色
(本文档仅供参考) 问题 雷达图的分类字体颜色和线条颜色是否可以设置呢? image2021-6-24_17-38-57.png 解决方案 可以使用扩展属性实现,如下: { "radar": [{ "name": { "textStyle": { "color": "red" } } }], "series": [{ "lineStyle": { "normal": { "color": "blue"