QGraphicsView实现简易地图18『散点图』

前文链接:QGraphicsView实现简易地图17『涟漪效果』
模仿echarts的散点图效果
在前一篇的基础上增加了文本,支持设置散点大小、颜色、涟漪线条宽度。
动态演示效果

静态展示图片
在这里插入图片描述

核心代码

void EffectScatterItem::paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget)
{
	painter->setPen(Qt::NoPen);
	painter->setBrush(m_color);
	painter->setRenderHint(QPainter::Antialiasing);
	painter->drawEllipse(QPointF(0, 0), m_radius * 0.4, m_radius * 0.4);

	painter->setBrush(Qt::NoBrush);

	for (int i = 1; i <= 3; ++i)
	{
		QColor color = m_color;
		color.setAlphaF((4 - i - m_percent) / 3);
		painter->setPen(QPen(color, m_ripplesWidth));
		
		double radius = m_radius * (0.4 + (i - 1 + m_percent) * 0.2);
		painter->drawEllipse(QPointF(0, 0), radius, radius);
	}

	if (!m_text.isEmpty())
	{
		QFont font = painter->font();
		font.setPixelSize(m_radius * 0.4);
		QFontMetrics fontMetrics(font);
		int textW = fontMetrics.width(m_text);
		painter->setFont(font);
		painter->setPen(QPen(m_color, m_ripplesWidth));
		painter->drawText(m_radius * 0.6, -m_radius, textW, 2 * m_radius, Qt::AlignCenter, m_text);
	}
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

浮生卍流年

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值