QChart Themes示例解析一

admin 2022年10月29日15:42:25评论50 views字数 824阅读2分44秒阅读模式

前言

今天下班回来打开Qt时无意间发现示例中有一个Chart Themes示例,最近正好也在琢磨Qt的数据可视化和图表,就点开这个示例程序进去看了一眼。程序运行以后是这样子的:
QChart Themes示例解析一

程序介绍

从上图可以看出这个程序主要是一些图表的展示,包括区域图、饼状图、线状图和点状图等这些常用图表。在该示例中显示了不同内置主题的外观和动画效果。这个程序使用到了QChart及其内置的图表样式。下面对本示例进行一一的拆解。

主题

这个程序有多个主题,点击不同的主题可以进行切换,下面是切换到Dark的主题。可以看到暗黑主题的图表与上图的正常主题的图表有很大不同,不止是背景颜色产生了变化,仔细观察中间的Pie chart图表和Scatter chart图表,可以发现饼状图的扇形区域的颜色也发生了变化,而点状图的标记点的变化更为明显,从原来的单一圆形变为圆形上加了一层白色外边。QChart Themes示例解析一

动画效果

本程序的第二个选项(Animation选项)是与图表坐标有关的一些动画,例如选择GridAxis Animations后图表的坐标会从原点处(计算机中的原点指的是屏幕左上角)向x、y的正方向展开(也就是在水平坐标上从左到右,垂直坐标上从上到下)。
QChart Themes示例解析一

图例

本程序的第三个选择(Legend选项)是用来设置图例的,默认是No Legend,也就是不显示图例。下图是选择将图例居左放置的图表。可以看到一些关于图表信息的图例被放置在图表的左侧,并且图表的大小自动进行了调整。
QChart Themes示例解析一

抗锯齿效果

最后一个选项则是抗锯齿效果,默认勾选。不勾选的情况下图形会有明显的锯齿毛边,非常影响观看体验,因此在之后的开发中,如果遇到图表类的展示,应该谨记的一点就是一定要使用抗锯齿效果。

作者:何名取
链接:https://juejin.cn/post/7113941739513053197
来源:稀土掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

原文始发于微信公众号(汇编语言):QChart Themes示例解析一

  • 左青龙
  • 微信扫一扫
  • weinxin
  • 右白虎
  • 微信扫一扫
  • weinxin
admin
  • 本文由 发表于 2022年10月29日15:42:25
  • 转载请保留本文链接(CN-SEC中文网:感谢原作者辛苦付出):
                   QChart Themes示例解析一http://cn-sec.com/archives/1368784.html

发表评论

匿名网友 填写信息