第46页，共114页。 显示 1,131 条结果 (0.026 秒)
Echarts图形-扩展属性：X轴名称位置
问题描述 仪表盘线图X名称默认在下方，需求在右侧侧显示，但是右侧显示是灰色禁用，无法直接设置，如下图所示： image2024-9-30_22-13-42.png 解决方案 1、通过扩展属性可以设置X轴名称的位置，代码如下： option = { "xAxis": { "nameLocation": "end" } } 2、组件的边距在属性设置要适当，保证名称不出画布边框，参考如下： image2024-9-30_22-17-34.png x轴标签位置Echarts图形-扩展属性：x轴显示刻度
（仅供参考） 问题描述： x轴显示刻度 image2022-7-28_20-50-29.png 解决方案 可以使用扩展属性实现 { "xAxis": { "axisTick": { "show": true, "lineStyle": { "color": "#45C5F4" } } } } 注：自助仪表盘和电子表格的横条图对于x轴和y轴的定义不一样，基于电子表格横条图修改时需对y轴设置以上扩展属性 x轴y轴显示刻度Echarts图形-扩展属性：X轴指标滑动效果
(本文档仅供参考) 说明 如何在产品Echarts图形中设置柱图、线图X轴滑动显示，如下图所示 echarts滑动x轴.gif 解决方案 如需实现上述效果，可通过扩展属性实现，如下 { "xAxis": { "axisLine": { "lineStyle": { "color": "#53636f" } }, "axisTick": { "show": false } }, "yAxis": { "axisLine"Echarts图形-扩展属性：双向横条图
（本文档仅供参考） 问题1：双向横条图 想要在echarts上实现像excel上的数据条图：（可以看到中间的为月份，黑色的为指标，红色的为当前月完成的指标，左右两边分别是对应的两个部门） 截屏2021-09-27 下午3.31.48.png 实现方案 可以通过扩展属性实现此需求： 截屏2021-09-27 下午3.34.24.png { "grid": [{ "left": "10%", "height": "65%", "width": "35%" }, { "left": "49%", "height": "65%",Echarts图形-扩展属性：柱子 - 柱图翻转显示
（本文档仅供参考） 问题 在excel中插入echarts图形，并且将图形旋转。但是再发布以后图形还是正向，如下图所示： 图形反向.png 解决方案 电子表格中的旋转按钮是excel的功能，我们无法将其屏蔽，旋转图形后不会对图形生效。 若需要柱图反向显示，建议通过echarts图形实现，可以通过扩展属性实现，如下 { "xAxis": { "position": "top" }, "yAxis": { "position": "right", "inverse": true } } 调整X轴Y轴.jpg 实现效果如下： 最终效果.jpEcharts图形-扩展属性：柱子 - 柱图自定义颜色
（本文档仅供参考） 问题1：单系列柱图颜色修改 希望在自助仪表盘中实现柱图颜色设置，请问如何在自主仪表盘中实现柱图颜色类似于电子表格做柱图的颜色设置：https://history.wiki.smartbi.com.cn/pages/viewpage.action?pageId=35750506 https://history.wiki.smartbi.com.cn/pages/viewpage.action?pageId=35750506 解决方案 自助仪表盘的柱图是在series[{}]属性中的data[{}]进行设置的，如果有多少条数据就设置 "itemStyle": {"nEcharts图形-扩展属性：柱子 - 柱图设置边框
（本文档仅供参考） 问题1：实线&颜色边框 如何在柱图上设置边框。 2023-05-25_135755.png 解决方案 以下示例为自助仪表盘中的多系列的自定义属性： { "series": [ { "itemStyle": { "normal": { "color": "#87CEEB", //边框 "borderWidth": 1, "borderColor": "#00FFFF" } } }, { "itemStyle": { "normal": { "color"Echarts图形-扩展属性：柱子 - 间距调整
（此文档仅供参考） 问题 希望调整柱子间距离，包括同系列柱子间间距，及不同系列间柱子间隔 实现方案 V9及以下版本可以用以下扩展属性实现：（具体值设置大小可结合实际调整） { //同系列柱子间距 "barGap": "1%", //不同系列柱子间间隔 "barCategoryGap": "15%" } V10及以上版本可使用以下扩展属性实现：（具体值设置大小可结合实际调整，需要对每个系列单独进行间距设置） { "series": [{ //系列1 "barGap": "1%", //同Echarts图形-扩展属性：横向的双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图形-扩展属性：面积图 - 面积图透明度
本文档仅供参考） 问题1：仪表盘面积图透明度 自助仪表盘在标记区设置面积图颜色，但是面积区显示的颜色不一致，这是为什么呢？ https://wiki.smartbi.com.cn/download/attachments/92078883/01.png?version=1&modificationDate=1650529787000&api=v2 实现方案 此问题是因为标记区设置为图形的全局颜色，相当于是设置折线的颜色，而Echarts的默认效果会对面积部分乘以0.7的透明度，此为echart自身效果，若不想要被设置透明度，可以通过以下扩展属性实现效果，示例的扩展属性如下，相关的属性可以上echarts官网查看，https
