第12页,共152页。 显示 1,517 条结果 (0.03 秒)
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": "65ECharts图形-树图
父子关系结构字段构建。 示例详情请参见 情景1 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=44501965#ECharts%E5%9B%BE%E5%BD%A2-%E6%A0%91%E5%9B%BE-%E6%83%85%E6%99%AF1 … /viewpage.action?pageId=44501965#ECharts%E5%9B%BE%E5%BD%A2-%E6%A0%91%E5%9B%BE-%E6%83%85%E6%99%AF2 。 image2019-10-21 10:38:4.png 优势:可以清晰地显示树状层级结构,在展示横跨多个层级的数据信息时非常ECharts图形-树图
父子关系结构字段构建。 示例详情请参见 情景1 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=44501965#ECharts%E5%9B%BE%E5%BD%A2-%E6%A0%91%E5%9B%BE-%E6%83%85%E6%99%AF1 … /viewpage.action?pageId=44501965#ECharts%E5%9B%BE%E5%BD%A2-%E6%A0%91%E5%9B%BE-%E6%83%85%E6%99%AF2 。 image2019-10-21 10:38:4.png 优势:可以清晰地显示树状层级结构,在展示横跨多个层级的数据信息时非常ECharts图形-关系图
;font-size: 24px; height: 5px;"> </div>{html} 业务情景描述:展示乔布斯的人物关系。 数据结构 :【本示例采用了northwind数据源内的t_gxt表】 image2021-6-10_11-34-30.png Echarts图形可以在即席查询、透视分析、电子表格中添加,操作步骤基本一致,本示例使用即席查询来演示。 实现步骤 1、在即席查询工具栏中选择 图形 选项 image2021-6-10_11-35-18.png 2、进入Echarts作图界面,图形类型选择 关系图 源节点选择字段"人物A";目标节点选择字段"人物B";关系名称(是指节点之间的关系描述,比如父子)可以不选择ECharts图形-关系图
;font-size: 24px; height: 5px;"> </div>{html} 业务情景描述:展示乔布斯的人物关系。 数据结构 :【本示例采用了northwind数据源内的t_gxt表】 image2021-6-10_11-34-30.png Echarts图形可以在即席查询、透视分析、电子表格中添加,操作步骤基本一致,本示例使用即席查询来演示。 实现步骤 1、在即席查询工具栏中选择 图形 选项 image2021-6-10_11-35-18.png 2、进入Echarts作图界面,图形类型选择 关系图 源节点选择字段"人物A";目标节点选择字段"人物B";关系名称(是指节点之间的关系描述,比如父子)可以不选择ECharts图形-柱图
字段 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=44501967#ECharts%E5%9B%BE%E5%BD%A2-%E6%95%B0%E6%8D%AE%E8%AE%BE%E7%BD%AE-%E5%AD%97%E6%AE%B5 √ √ √ √ √ √ 分类(X)轴 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=44501967#ECharts%E5%9B%BE%E5%BD%A2-%E6%95%B0%E6%8D%AE%E8%AE%BE%E7%BD%AE-ECharts图形-柱图
字段 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=44501967#ECharts%E5%9B%BE%E5%BD%A2-%E6%95%B0%E6%8D%AE%E8%AE%BE%E7%BD%AE-%E5%AD%97%E6%AE%B5 √ √ √ √ √ √ 分类(X)轴 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=44501967#ECharts%E5%9B%BE%E5%BD%A2-%E6%95%B0%E6%8D%AE%E8%AE%BE%E7%BD%AE-ECharts图形-联合图
组合(双线图、双柱图、双面积图、双散点图亦包含在内)的表现形式来展现两个或两个以上数据指标情况。 ECharts图形支持如下两种类型的联合图: 单Y轴联合图:只有一个Y轴的联合图。 双Y轴联合图:有两个Y轴的联合图。 单Y联合图 双Y联合图 优势: 可在同一页面用不同的图进行分析对比 … /pages/viewpage.action?pageId=44501960#ECharts%E5%9B%BE%E5%BD%A2-%E8%81%94%E5%90%88%E5%9B%BE-%E6%83%85%E6%99%AF1 。 image2019-10-22 15:29:55.png 情景2:查看公司各产品ECharts图形-联合图
组合(双线图、双柱图、双面积图、双散点图亦包含在内)的表现形式来展现两个或两个以上数据指标情况。 ECharts图形支持如下两种类型的联合图: 单Y轴联合图:只有一个Y轴的联合图。 双Y轴联合图:有两个Y轴的联合图。 单Y联合图 双Y联合图 优势: 可在同一页面用不同的图进行分析对比 … /pages/viewpage.action?pageId=44501960#ECharts%E5%9B%BE%E5%BD%A2-%E8%81%94%E5%90%88%E5%9B%BE-%E6%83%85%E6%99%AF1 。 image2019-10-22 15:29:55.png 情景2:查看公司各产品Echarts水滴图如何在电子表格中实现
问题 在Echarts的示例网站找到了这样一个示例,文档链接:http://gallery.echartsjs.com/editor.html?c=xA4e8BdM6m http://gallery.echartsjs.com/editor.html?c=xA4e8BdM6m(效果如下图),请问这样的效果可以直接做到吗? 未命名.png 解决方案 此效果图里面引用了第三方的脚本(如下图),所以此效果无法直接通过写扩展属性实现,需要额外开发扩展包去做。 未命名2.jpg favourite