第13页,共161页。 显示 1,610 条结果 (0.033 秒)
ECharts图形-普通柱图/堆积柱图
;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 业务场景描述: 查看公司各产品的销售额。 数据结构: image2020-2-21 15:16:39.png 定制要点: 将“产品类别”字段作为“分类(X)轴”,“销售额”字段作为“指标(Y … 15:18:35.png 定制要点: 将“产品类别”字段和“发货区域”字段都作为“分类(X)轴”,“销售额”字段作为“指标(Y)轴”。 image2019-12-18 17:10:23.png image2019-12-18 17:12:46.png 预览效果: image2019-9-9 10:23图表组件 ⬝ 热力图
1 概述 热力图是指用 【X轴】 和 【Y轴】 表示的 两个分类字段 确定数值点的位置,通过相应位置的 矩形颜色 去表现数值的大小,颜色深代表的数值大。 2 业务场景 (1)应用场景描述:热力图主要用于展示连续型数据的分布情况。例如用颜色展现某一范围内不同地区数据量的差异,网站分析等等。 分析不同 … (3)【仪表盘】左侧打开【组件】面板,向下滚动找到【热力图】组件,点击组件右上角【+】进行添加。 image2023-11-9_15-23-54.png (4)在【仪表盘】-【数据选择】区中,勾选 【发货区域】 、【 产品类别】 和 【销售额】 字段,由系统自动分配到【 X轴 】、【 Y轴】 和【 标记】 > 【颜色电子表格&Web电子表格设置项
指标轴,即X轴或者Y轴,可选择其中一个进行数据过滤。 条件 点击对象选择“表格”时,可输入相应的单元格位置 单元格位置,如B3等,则会将B3的数据或者B3数据列扩展的数据进行过滤。 点击对象选择“图形”时,条件固定值为”数据值“ 对分类轴或者指标轴的数据进行过滤。 运算符 小于、大于、包含 … 值来源于图形的X轴数据 指标轴 指标轴 表示目标资源参数来源于图形的Y轴数据 <参数>+参数名 参数来源中选中的参数名,不可填写 表示目标资源参数值来源于源资源中对应的参数值公共设置-图形设置
针对图形进行的系统选项设置。 界面介绍 image2021-8-24_14-24-51.png 设置项说明如下: 设置项 说明 百度地图API密钥 用于设置百度地图API的密钥 图形主题 用于设置图形显示的默认主题。 图形输出最大行数 用于设置系统选项中图形输出最大行数,允许设置的最大值为1000,默认值是100。 地图配色 指定义一套地图的颜色序列,应用于地图设置中。 防止Y轴标签溢出 用于设置是否防止Y轴标签溢出。 防止X轴标签溢出 用于设置是否防止X轴标签溢出。 无数据时图形显示文字 用于设置当无数据时,图形位置显示自定义文字Echarts图形-扩展属性:柱子 - 柱图翻转显示
(本文档仅供参考) 问题 在excel中插入echarts图形,并且将图形旋转。但是再发布以后图形还是正向,如下图所示: 图形反向.png 解决方案 电子表格中的旋转按钮是excel的功能,我们无法将其屏蔽,旋转图形后不会对图形生效。 若需要柱图反向显示,建议通过echarts图形实现,可以通过扩展属性实现,如下 { "xAxis": { "position": "top" }, "yAxis": { "position": "right", "inverse": true } } 调整X轴Y轴.jpg 实现效果如下: 最终效果Echarts图形-扩展属性:泡泡图 - 实现泡泡图添加矩形的范围
(本文档仅供参考) 问题 希望能实现矩形的标准范围(比如X轴要求780-900的范围且Y轴要求350-500),以便快速识别标准范围外的泡泡点,具体效果如附件所示,请问如何实现?效果图如下: image2019-3-15 11:37:14.png 解决方案 通过扩展属性设置相应区域: { "series": [{ "markArea": { "data": [ [{ "name": "参考", "coord": [150, 1200公共设置-图形设置
针对图形进行的系统选项设置。 界面介绍 image2021-8-24_14-24-51.png 设置项说明如下: 设置项 说明 百度地图API密钥 用于设置百度地图API的密钥 图形主题 用于设置图形显示的默认主题。 图形输出最大行数 用于设置系统选项中图形输出最大行数,允许设置的最大值为1000,默认值是100。 地图配色 指定义一套地图的颜色序列,应用于地图设置中。 防止Y轴标签溢出 用于设置是否防止Y轴标签溢出。 防止X轴标签溢出 用于设置是否防止X轴标签溢出。 无数据时图形显示文字 用于设置当无数据时,图形位置显示自定义文字Echarts图形-扩展属性:柱子 - 调整仪表盘对比柱图左右柱子间距
(本文档仅供参考) 问题描述 如下图,V11仪表盘中使用对比柱图组件,有时候数据标签跟刻度标签靠的太近了,希望调整左右柱子的间距。 image2024-12-19_14-2-45.png 解决方案 由于对比柱图组件是定义了三个grid区域、三个x轴以及三个y轴,故调整左右柱子间隔可直接通过设置grid区域数组控制。 参考如下扩展属性: option = { grid: [{ "right": "53%" }, { "left": "53%" }, {}], } image2024-12-19_14-7-52.png 调整效果: image2024-12-19_14-8-17.pngEcharts图形-扩展属性:鼠标提示 - 折线图实现十字准星指示器
问题 如何设置鼠标自带十字指针,随鼠标位置在折线任意位置都可以显示当前时点的数据 image2023-3-30_17-8-26.png 解决方案 可以写扩展属性实现: { "tooltip": { "axisPointer": { "type": 'cross' } } } image2023-3-30_17-12-15.png 最终效果: image2023-3-30_17-12-39.png 折线在x轴也能显示鼠标提示图形 - 饼图图例上显示百分比(占比)
(本文档仅供参考) 问题 如何在饼图的图例上显示各个类型的名称及占比。 1.png 解决方案 建议是在表格数据中再添加一列辅助列,该列的值为网办类型+百分比(如:不可网办:70.38%),然后用该列作为x轴作图,鼠标提示信息可另外处理,相对其它方案要简单很多: 2.jpg 实现效果: 3.jpg