第26页,共232页。 显示 2,311 条结果 (0.05 秒)
组件设置-基础
只有“单价”和“运费”两个指标堆积展现,“利润”还是普通柱图展现: 2022-02-05_11-32-37.png 注意事项 1、在双Y联合图中,暂不支持不同轴的线图、面积图的同名堆积分组。 2、在双Y联合图中,左轴、右轴分别分配两组数据,四组数据的堆积分组名称相同。那么左轴的数据按左轴的刻度大小显示,右轴的按右轴的刻度大小显示,然后堆积到一起。 区域颜色 说明 用于设置地图中无数据区域的颜色。 效果 设置区域颜色为绿色,如图: image2019-10-25 10:25:32.png 区域边界色 说明 用于设置地图中各省份之间的边界色。 效果 设置区域边界色为黑色,如图ECharts图形-标准面积图/堆积面积图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 面积图在折线图的基础上将折线与分类(X)轴之间填充 … :#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 业务场景描述: 查看公司当年销售额的变化情况。 数据结构: image2020-2-21 19:47:2.png 定制要点: 将“月份”字段作为“分类(X)轴ECharts图形-标准面积图/堆积面积图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 面积图在折线图的基础上将折线与分类(X)轴之间填充 … :#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 业务场景描述: 查看公司当年销售额的变化情况。 数据结构: image2020-2-21 19:47:2.png 定制要点: 将“月份”字段作为“分类(X)轴电子表格设置项
单元格数据” 单元格数据:是指在电子表格设计器中,数据列字段所在的单元格; 展开单元格数据:是指在浏览器中查看报表时,数据所在的单元格位置(也即字段扩展之后单元格的固定位置)。 点击对象选择“图形”时,可选择“分类轴”或“指标轴” 针对图形,有分类轴和指标轴,即X轴或者Y轴,可选择其中一个进行数据过滤 … 值来源于源资源字段扩展之后固定B4单元格中的数据(比如点击C4传递B4,点击C5传递B4...) <参数>+参数名 参数来源中选中的参数名,不可填写 表示目标资源参数值来源于源资源中对应的参数值 图形 分类轴 分类轴 表示目标资源参数值来源于图形的X轴数据 指标轴 指标轴 表示热力图
概要说明 热力图是指用 X轴 和 Y轴 表示的两个分类字段确定数值点的位置,通过相应位置的矩形颜色去表现数值的大小,颜色深代表的数值大。 入口 图例 image2022-2-18_16-22-37.png 下图示例中,它显示了不同发货区域各类产品的销售数量的大小对比情况。 从图中矩形的颜色深浅和矩形中的销售数量值可以看出:华北的日用品销售数量最大。 image2018-9-17 2:52:5.png 优势 好看、易于理解,数据信息更直观有效。 劣势 不适合比较单一变量的大小。 配图建议: 列区:1个维度; 行区:1个维度; 颜色:1个度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, 1200Python组件
"} df_car_series_sales = detail_trend_data_query_assistant(sql_json) # 用柱形图展示数据 fig = go.Figure() fig.add_trace(go.Bar( x=df_car_series_sales['车系'], y=df_car_series_sales['销量'], name='销量' )) # 设置图表标题和轴标签 fig.update_layout( title='各车系销量情况', xaxis_title='车系', yaxis_title='销量', title_x=0.5 # 标题居中 ) # 输出结果Echarts图形-扩展属性:鼠标提示 - 折线图实现十字准星指示器
问题 如何设置鼠标自带十字指针,随鼠标位置在折线任意位置都可以显示当前时点的数据 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