第19页,共210页。 显示 2,095 条结果 (0.077 秒)
Echarts图形-扩展属性:x轴显示刻度
(仅供参考) 问题描述: x轴显示刻度 image2022-7-28_20-50-29.png 解决方案 可以使用扩展属性实现 { "xAxis": { "axisTick": { "show": true, "lineStyle": { "color": "#45C5F4" } } } } 注:自助仪表盘和电子表格的横条图对于x轴和y轴的定义不一样,基于电子表格横条图修改时需对y轴设置以上扩展属性 x轴y轴显示刻度Echarts图形-扩展属性:标签 - 饼图标签重叠
(本文档仅供参考) 问题: 饼图标签出现折叠情况,如何使标签不重叠展示呢? image2022-10-24_10-54-56.png 解决方案: 产品默认设置下标签是不会重叠的,此问题一般是添加了其他扩展属性影响了原有配置,可以参考配置下面的扩展属性调整 { "series": [ { "avoidLabelOverlap": true } ] } image2022-10-24_10-59-26.png 添加对应属性后在标签拥挤重叠的情况下会挪动各个标签的位置,防止标签间的重叠。如下图所示: image2022-10-24_10-57-41.png 标签重叠Echarts图形-扩展属性:数据标签 - 折线图设置标签的格式为百分比
(此文档仅供参考) 问题 希望折线图的标签可设置数据格式为百分比 2022-10-12_173215.png 实现方案 以下示例为在V97仪表盘中实现,可参考以下扩展属性: 注意:需要对哪个类别的折线设置数据格式,则需要到对应的{}中添加代码,以下扩展属性为对第2个类别进行设置,因此也是 … 为在V97仪表盘中实现,可参考以下扩展属性: 注意:需要对哪个类别的折线设置数据格式,则需要到对应的{}中添加代码,以下扩展属性为对第2个类别进行设置,因此也是写a.value[1],而不是a.value[0] "series": [ {}, { "itemStyle": { "normalEcharts图形-扩展属性:x轴y轴颜色及加粗
(此文档仅供参考) 问题 修改图形x轴y轴颜色及加粗 图片10.png 解决方案 可以写扩展属性实现,如下截图: 图片11.png { xAxis: { axisLine: { lineStyle: { color … ', width: 3 } } } } 实现效果: 图片12.png 若为双Y轴图,则需要对两个Y轴进行设置,可参考以下扩展属性: { xAxis: { axisLineEcharts图形-扩展属性:横向的双X联合图
(本文档仅供参考) 问题 柱图+线图的横向双x联合图怎么做? 解决方案 横向的双X联合图可以以横向柱图为基础,通过扩展属性修改图形样式和x轴设置。设置过程如下图所示: image2023-2-16_18-18-45.png image2023-2-16_18-18-59.png 扩展属性可参考以下代码: { "xAxis": [{ "type": 'value' //第一个x轴 }, { "type": 'value' //第二个x轴 }], "series": [{ "type": 'line', //类型设置为折线图 "xAxisIndex": 0 //显示在第一个x轴上 }, { "xAxisIndex": 1Echarts图形-扩展属性:样式 - 地图背景透明度
(本文档仅供参考) 问题 如何设置地图背景的透明度 解决方案 方案一,可以通过在图形设置中添加扩展属性设置 { "geo": { "itemStyle": { "normal": { "borderWidth": 2 … ": { "areaColor": "#7FFF00" //高亮时地图区域颜色 } } } } 实现效果:如下 地图的背景透明,直接显示电子表格中的背景图了。 image2018-11-20 15:5:0.png 方案二,可通过以下扩展公式函数 - 如何在扩展的区域中获取指定索引的单元格数据(indirect)
(本文档仅供参考) 问题 电子表格中,如何在扩展的区域中获取指定索引的单元格数据。若使用$H$4的方式,最后获取到的还是扩展结果,无法获取到扩展区域中指定索引的单元格数据。 image2018-10-16 18:43:13.png image2018-10-16 18:45:47.png 解决方案 这种情况可使用=INDIRECT("E5") 公式获取具体某一个单元格的值,注意这里的H4需要加双引号。 image2018-10-16 18:48:13.png image2018-10-16 18:51:48.png image2018-10-16 18:49:56.png 获取扩展单元格的值 获取某个Echarts图形-扩展属性:X轴刻度标签字体纵向显示
(此文档仅供参考) 问题 echarts图形x轴字体如何纵向显示。如图效果: image2019-4-9 15:43:22.png 解决方案 需要写扩展属性修改。 先在echarts官网对照着修改。修改的扩展属性为: xAxis: { type: 'category … "; } } return val; } }, data: ['周一','周二','周三','周四','周五','周六','周日'] }, image2019-4-9 15:47:42.png 在echarts图形相应修改为下面的扩展属性: { "xAxisEcharts图形-扩展属性:柱子 - 并列柱图数据差异过大,导致数据柱子不显示
image2023-9-18_10-56-33.png 2、在【组件设置】-【公共设置】-【自定义属性】中添加如下扩展属性: "series": [ { "name": "7",//数据中图形系列的名称,上图中两个系列名称为7、8,根据实际报表自行修改 "type": "bar", "stack": "total" }, { "name": "8", "type": "bar", "yAxisIndex": 1 } ] image2023-9-18_10-58-31.png 3、演示效果如下,如需在此基础上再调整右轴的轴值范围,可参考如下wiki文档设置扩展属性:Echarts图形-扩展属性:y轴最大Echarts图形-扩展属性:鼠标提示 - 柱图数据太小,导致无法点击跳转
(示例仅供参考) 问题 在echarts柱形图中若存在一些数据相差巨大,会导致无法快速点击数据量小的柱子进行下钻。 柱子太小无法点击.png 解决方案 当柱子展示图形过小,鼠标移上去无法正常显示数据,若此时只想实现鼠标移上去展示柱子数据,可通过增加以下扩展属性实现 … " } } } 阴影扩展属性.jpg 阴影效果.jpg 若还需要点击柱子跳转,可参考以下方案实现: 1.在数据集增加多一个指标字段,修改原来柱图为堆积柱图,如下