第8页,共452页。 显示 4,517 条结果 (0.03 秒)
Echarts图形-扩展属性:双柱图加面积图的实现
(本文档仅供参考) 问题 想实现下面的双柱图的效果,通过加一个折线图,这个折线图是两个指标值的差值,效果图如下: image2021-2-8_15-3-43.png 解决方案 差值是D4单元格减去C4单元格,然后基于这些数据作图,如下: image2021-2-8_15-17-42.png … , // shadowOffsetY: 20, } }, //面积图渐变设置,可以自行调整颜色 "areaStyle": { "color": { "x": 0Echarts图形-扩展属性:堆积柱图柱子颜色渐变效果
(本文档仅供参考) 问题 堆积柱图上想要柱子的颜色实现渐变的效果,如下截图 柱图渐变效果.png 解决方案 具体请参考如下扩展属性 { "series": [{ "itemStyle": { "normal": { "color": { "colorStops": [{ "color": "#83bff6", "offset": 0Echarts图形-扩展属性:柱图鼠标提示保留3位小数
(本文档仅供参考) 问题 如何实现柱图鼠标提示保留3位小数的效果 解决方案 可以用以下扩展属性实现: { "tooltip": { "show": true, "formatter": "function(a){ return a.name+':'+parseFloat(a.value).toFixed(3)}" } } 效果如下图示: image2022-4-7_17-35-2.pngEcharts图形-扩展属性:柱图鼠标提示背景设置渐变色
(此文档仅供参考) 问题 柱图鼠标提示背景设置渐变色 image2022-12-6_19-35-47.png 解决方案 可以使用扩展属性实现 { "tooltip": { "trigger": "axis", "extraCssText": "background: linear-gradient(0deg, #19263B 0%, #FF0000 100%);" //0deg从上往下渐变,270deg从左往右渐变色,#19263B,#FF0000分别为渐变的颜色 } }Echarts图形-扩展属性:柱图数据项标签负值显示为正数
(此文档仅供参考) 问题 柱图原始数据项标签如下截图,希望数据项标签均显示为正值: image2022-11-11_18-41-12.png 解决方案 可以参考以下扩展属性去实现: { "series": [{ "label": { "normal": { "show": true, "textStyle": {}, "formatter": "function(params){if(params.value[1]>=0) {return params.value[1自助仪表盘移动端的柱图、线图上的点难以选中
(本文档仅供参考) 问题描述: 自助仪表盘移动端看板有柱图、线图,点击柱子和或者线图上的点弹出信息框时,一般要点击好几次才能选中,或者多次都无法选中,应该如何解决呢? image2022-12-30_15-21-49.png 解决方案: 对于以上现象,Echarts本身针对这种场景是做了优化的,当点击其他图例关闭对应数据视图,只开启想要查看的数据视图,这样图形会自动自适应,就扩大了每个数据点可点击范围。 image2022-12-30_15-31-46.png 而线图可点击查看数据的只有每个数据点,但由于手机屏幕本身较小,对于点击查看数据的场景,可以将这个大小设置大一点,扩大可点击范围柱图
Echarts图形-扩展属性:柱图、线图如何实现X轴指标滑动效果
(本文档仅供参考) 说明 如何在产品Echarts图形中设置柱图、线图X轴滑动显示,如下图所示 echarts滑动x轴.gif 解决方案 如需实现上述效果,可通过扩展属性实现,如下 { "xAxis": { "axisLine": { "lineStyle": { "color": "#53636f" } }, "axisTick": { "show": false } }, "yAxis": { "axisLineEcharts图形-扩展属性:堆积柱图数据项标签居上被覆盖
(本文档仅供参考) 问题 堆积柱图数据项标签设置居上时部分标签被覆盖,悬停的时候才会出现 设置.png 设置前.png 解决方案 此问题为由第三方作图工具echarts的处理逻辑导致,可不设置数据项标签并使用以下扩展属性进行规避。 { "series": [{ "name": "销售额", "type": "bar", "stack": "总量", "barMaxWidth": 35, "barGap": "10%", "itemStyle": { "normal": { "color": "rgba(255,144,128,1)", "label": { "show": true, "textStyleEcharts图形-扩展属性:如何设置多系列柱图颜色?
(本文档仅供参考) 问题现象 echarts图形如何设置多系列柱图颜色? 解决方案 可以参考以下扩展属性来设置 { "series": [{ "data": [{ "itemStyle": { "color": "#05A2D7" } }, { "itemStyle": { "color": "#00E4E3