第66页,共192页。 显示 1,919 条结果 (0.034 秒)
Echarts图形-扩展属性:双柱图加面积图的实现
(本文档仅供参考) 问题 想实现下面的双柱图的效果,通过加一个折线图,这个折线图是两个指标值的差值,效果图如下: image2021-2-8_15-3-43.png 解决方案 差值是D4单元格减去C4单元格,然后基于这些数据作图,如下: image2021-2-8_15-17-42.png image2021-2-8_15-18-33.png 可以使用扩展属性实现,如下: { // //鼠标提示 // "tooltip": { // "show": true, // "backgroundColor": "#87cefaEcharts图形-扩展属性:Excel中柱形图如何实现图形旋转及Echarts实现反向显示
(本文档仅供参考) 问题 在excel中插入echarts图形,并且将图形旋转。但是再发布以后图形还是正向,如下图所示: 图形反向.png 解决方案 电子表格中的旋转按钮是excel的功能,我们无法将其屏蔽,旋转图形后不会对图形生效。 若需要柱图反向显示,建议通过echarts图形实现,可以通过扩展属性实现,如下 { "xAxis": { "position": "top" }, "yAxis": { "position": "right", "inverse": true } } 调整X轴Y轴.jpg 实现效果如下: 最终效果Echarts图形-扩展属性:自助仪表盘折线图固定显示最低值提示框
问题 自助仪表盘折线图上希望可以固定显示最低值的提示框,且提示框背景为透明渐变,如下图: image2022-12-8_17-12-36.png 解决方案 可通过使用标注实现,具体请参考如下扩展属性: {"series": [ { "markPoint": { "symbol": "rect", "symbolSize": [ 100, 50 ], "symbolOffset": [ 50, 50 ], "data": [ { "name": "最大值", "type": "minEcharts图形-扩展属性:折线图设置x轴标签、圆点显示在坐标轴刻度中间
(此文档仅供参考) 问题 希望调整x轴坐标轴名称与圆点在坐标轴刻度中间,如下图 2022-06-16_154548.png2022-06-16_155341.png 实现方案 可以用以下扩展属性实现: 关于该属性(boundaryGap)具体说明可见Echarts文档:https://echarts.apache.org/zh/option.html#xAxis.boundaryGap https://echarts.apache.org/zh/option.html#xAxis.boundaryGap { xAxis: { boundaryGap: trueEcharts图形-扩展属性:自助仪表盘设置多个数据标签并显示两位小数
(此文档仅供参考) 问题描述 自助仪表盘中有多个度量值,想要显示每个度量的数据标签,应该如何设置呢? 01.png 实现方案 此示例的扩展属性如下,相关的属性可以上echarts官网查看,https://echarts.apache.org/zh/index.html https://echarts.apache.org/zh/index.html 注:一个度量一个itemStyle,根据实际的度量个数去添加itemStyle属性。 , "series": [ { "itemStyleEcharts图形-扩展属性:百度地图上描点、图形topN渲染,默认不能超过1000
(本文档仅供参考) 问题 问题1:集成百度地图,地图上描点,默认不能超过1000,超过1000都显示不出来了,如何修改? 526451D8-C59B-4ee1-BCB1-061387D0A602.png D71ED447-9E66-42e2-A3AD-5B341AEF2F88.png 问题2:散点图设置TopN渲染,但是默认限制是1000个,此限制是避免太多数据浏览器支撑不了做的限制。 01.png 解决方案 由于地图1000个默认的值限制,可以通过扩展属性去修改需要设置的个数 { "chartex": { "largeThreshold": 5000 } } topnEcharts图形-扩展属性:饼图数据项标签颜色和饼图一致,但想修改字体
可以通过如下扩展属性实现,如下: { "series": [{ "itemStyle": { "normal": { "label": { "show": trueEcharts图形-扩展属性:双y联合图实现0刻度对齐(仪表盘使用)
(本文档仅供参考) 问题 使用双y联合图,当数据中包含正数和负数时,作图出现双y轴0刻度未对齐的情况,该如何处理? image2023-2-28_18-11-42.png 解决方案 可在扩展属性中进行如下设置,动态获取图形中的最大最小数据,并让坐标轴的最大最小值的绝对值相等: { "yAxis": [ { "max": "function (val){if(Math.abs(val.max)>Math.abs(val.min)){return(Math.abs(val.max)*1).toFixed(0);}else{return(Math.abs(val.min)*1).toFixed(0Echarts图形-扩展属性:自助仪表盘图形实现鼠标放在图形任意位置显示提示名
(此文档仅供参考) 问题说明 鼠标放在图形任意位置(不需要放在指定的点上)显示提示名 image2024-9-21_10-17-43.png 解决方案 通过自定义属性去实现 option = { tooltip: { trigger: 'axis' } } image2024-9-21_10-16-44.png 鼠标提示位置Echarts图形-扩展属性:环形图的数据标签只显示百分比且只保留两位小数
问题 环形图可以只显示百分比,不显示文字吗?另外那个百分比好像会四舍五入,可以保留两位小数吗? 未命名.jpg 解决方案 在环形图上加上以下扩展属性即可。 { "series": [{ "label": { "normal": { "show": true, "position": "outer", "formatter": "{d}%" } } }] }