第56页,共113页。 显示 1,129 条结果 (0.031 秒)
Echarts图形-扩展属性:柱子 - 柱图背景\阴影的实现
(示例仅供参考) (示例只在V97及以上版本生效) 问题:柱子阴影 在Echarts柱形图中希望实现柱图有背景\阴影的效果 2022-04-29_112934.png 解决方案 可通过增加以下扩展属性实现: { "series": [{ "showBackground": true }] } 2022-04-29_112923.png 可参考Echarts文档对该扩展属性的说明:https://echarts.apache.org/zh/option.html#series-bar.showBackground https://echarts.apachEcharts图形-扩展属性:柱子 - 设置柱图柱子宽度
(此文档仅供参考) 问题:柱子宽度限制 自助仪表盘需要设置柱图的柱子宽度,但是在组件样式设置处没有设置的设置项 image2020-2-24 17:48:14.png 解决方案 可以写扩展属性去设置柱子的宽度 02.png 03.png 用到的扩展属性如下 { "series": [ { "barWidth": 5 } ]} 问题 希望宽度既能自适应也不会超过想要的最大宽度。如果用设置项进行设置是直接写死,就没有自适应的效果。 解决方案 具体请参考如下扩展属性: 1 2 3 4 5 6 7 8 9 10 { "series": [Echarts图形-扩展属性:柱子 - 设置柱子最小高度
(此文档仅供参考) 问题 柱状图的柱子的最小高度可以怎么设置呢,有的数据之间差距太大了 在图里面显示会很难识别。 image2018-11-2 18:33:17.png 解压方案 通过以下扩展属性设置柱子的最小高度(注:此设置会导致柱图有一定程度的失真)。 { "series": [{ "barMinHeight": 100 }] } image2018-11-2 18:42:17.png 柱图的柱子高度Echarts图形-扩展属性:电子表格实现极坐标柱图
(本文档仅供参考) 问题1 我想实现极坐标柱图,在自助仪表盘中有极坐标柱图组件可实现,如下文档:极坐标柱图/极坐标堆积柱图 但是我想在电子表格中实现极坐标柱图,没有看到相关的图形类型,需要怎么实现呢? 解决方案 可按下面的截图选择: image2021-4-15_10-27-14.png 然后使用扩展属性实现,如下: { //不显示y轴 "yAxis": { "show": false }, //不显示x轴 "xAxis": { "show": false }, "radiusAxis": {Echarts图形-扩展属性:进度条 - 柱图实现进度条的效果
(本文档仅供参考) 问题: 希望柱图显示为进度条的效果 解决方案 具体请参考如下扩展属性: { "series": [{ "type": "bar", "barWidth": "12%", "itemStyle": { "normal": { "color": "red", "barBorderRadius": 20, "label": { "show": true, "tEcharts图形-扩展属性:鼠标提示 - 同系列柱图鼠标提示
(本文档仅供参考) 问题 做好柱图后,想实现鼠标移入后同系列柱图鼠标提示都显示出来,如下图: image2018-11-7 21:30:13.png 实现方案 需要写扩展属性即可完成,相关的属性可以上echarts官网查看,http://echarts.baidu.com http://echarts.baidu.com/,此示例的扩展属性如下 { tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器,坐标轴触发有效 type: 'shadow' // 默认为直线,可选为:'line' 'shadow'Echarts图形-扩展属性:折线 - 图形自定义区间设置颜色
问题描述 如下图,单线图中想要分段设置颜色显示,怎么实现这个效果? image2023-3-20_10-0-52.png 解决方案 可使用如下扩展属性实现效果: { "visualMap": { "show": false, "pieces": [ { "color": "#c4e2fd", "label": "0~10", "lte": 10, "gt": 0 }, { "color": "#8aaac7", "label": "10~20", "lte": 20, "gt": 10 }, { "coEcharts图形-扩展属性:折线 - 折线图上的点加外圈效果
(本文档仅供参考) 问题1 我想实现折线图上的点加外圈的效果,同时还带有一些阴影的效果,如下图: image2021-2-9_14-23-23.png 解决方案 可以使用扩展属性实现,如下: { "series": [{ "symbol": 'circle', "symbolSize": 20, "lineStyle": { "normal": { //线的颜色 "color": "#00ca95", "shadowColor": 'rgba(0,Echarts图形-扩展属性:折线 - 折线图数据点加白色边框
(本文档仅供参考) 问题描述: 折线图里,这个连接点有办法设置成下图样式吗,连接数据点有个白色的边框: image2025-3-14_12-34-40.png 解决方案: 可通过扩展属性调整折线的数据标签位置,扩展属性如下: option = { "series": [{ "symbol": 'circle', // 数据点形状为圆形,可根据需要更改 "symbolSize": 8, // 数据点大小 "itemStyle": { "normal": { "color": '#007bff', // 数据点填充颜色 "borderColor": '#FEcharts图形-扩展属性:折线 - 折线图的线粗细设置
(此文档仅供参考) 问题: 仪表盘线图组件如何调整线条粗细? 实现方案: V10.5.12版本以后仪表盘组件可以直接设置,如图,组件设置——基础——线样式 image2023-8-10_19-12-6.png 在此之前的版本可以调整扩展属性实现: { "series": [ { "lineStyle": { "normal": { "width": "4" } } } ] } 折线粗细