当前位置 : 主页 > 网络编程 > 其它编程 >

要怎么做数据可视化,才可以让自己的数据报表看起来比较脱颖而出

来源:互联网 收集:自由互联 发布时间:2023-07-02
年度总结的数据报表做得太烂了。回答楼主,如果你的报表可以(必须)在演播室(或报告厅/会议室/网络平台)通过大屏幕展现,你是否想过将Echart 年度总结的数据报表做得太烂了。 回答
年度总结的数据报表做得太烂了。回答楼主,如果你的报表可以(必须)在演播室(或报告厅/会议室/网络平台)通过大屏幕展现,你是否想过将Echart

年度总结的数据报表做得太烂了。

回答

楼主,如果你的报表 可以 (必须) 在 演播室 ( 或 报告厅/会议室/网络平台) 通过大屏幕展现,你是否想过 将 Echarts/HighChart + video 的两类文档数据,用浏览器来展现网页? (亦可将有关文档放到一个文件夹内,一并送上,请有关人员用浏览器审阅)。 这样一来, (比如,在报告厅向听众报告报表时),

  • 视频 video (如延时摄影,或其它内容) 可以用作背景来衬托报表, 也可以反映数据变换的趋势;
  • 不同元素(即视频与Echarts/Hifhcharts报表) 可以按照内容的主次关系,相互全部或部分,上下 层 (用 z-index 控制) 叠加,各层的透明度 ( CSS 中元素的 opacity: [0-1.0] 属性) 可以根据需要设置;
  • 可以添加 音频, 并在各元素中保留(或添加)鼠标事件功能。
  • 以下案例, 在 元素内的视频为北京城市宣传片(z-index:1), 放在底层, 报表用 echarts 画在 元素( z-index:2; opacity:0.8;border-radius: 500px;) 内, 元素为上层 。 
  • 若报表(div 元素)置于视频之上,原有的鼠标功就能保留。若置于视频之下,则鼠标功能(信号)会被屏蔽。
  • ,,,,  

    这个案例,基于一个虚构场景:2020年东北大米产量, 以显示 echarts + video 报表的效果。使用浏览器, 运行 复制粘贴 下列代码 而得到的 html 文档,既可测试。

    用 QQ浏览器、350急速浏览器、360安全浏览器、UC Browser 运行正常。

    用 Google Chrome 视频不启动。

    这样设置,echarts 创建的 鼠标功能可以全都保留,如

  • 点击某一个给定的数据柱,该柱颜色变成黑色; 点击另一个柱,前次点击的柱子回复原来颜色。
  • 鼠标悬停时的强调(emphasis)功能,被保留。

 

Smartbi,只需要简单的鼠标拖拽维度和指标,即可快速生成图表。点选式数据预处理,智能的图表推荐,全程无需编写表达式,零学习成本,一分钟上手。

楼主曾推荐过 Smartbi:“报表软件测评来啦!Smartbi电子表格使用感受。” https://my.oschina.net/u/4897822/blog/4942133

上一篇:怎么把jquery的值放入img标签的src里面
下一篇:没有了
网友评论