文章预览
小伙伴们,大家好呀~今天和大家分享一个之前学习群中有小伙伴问到的一个可视化效果的制作。这个可视化图表是比价简单的一个新能源汽车销售排名图,其中,最左侧的序号可视化看似普通,但是,Power BI中做个类似的没有便捷的方法,小编今天给大家分享一个SVG制作的方法。 上图是原图的截图,今天我们先分享如何做序号的这个黑圈内填充序号的方法,下次分享我们来讲如何来做分类条形图。下图是小编模板完成后的图,最左侧的序号使用原生图表+svg的思路实现,下面是代码供参考。 svg_cycle = var svg = "data:image/svg+xml;utf8, < svg xmlns = 'http://www.w3.org/2000/svg' height = '50' width = '100' > < circle cx = '25' cy = '25' r = '20' stroke = '#1d1d1d' stroke-width = '2' fill = '#1d1d1d' /> < text x = '25' y = '30' font-size = '20' fill = 'white' text-anchor = 'mid
………………………………