Elementor中默认没有可视化数据图表widget,需要借助第三方的免费插件Graphina。Graphina提供常规的柱形图、折线图、饼图、雷达图,散点图、圆环图等多种类型的可视化图表。

安装
在wordpress的插件市场中搜索“Graphina”即可安装,安装完成后,Elementor编辑器中会多出Graphina的元素。

使用
和其他元素一样直接拖入网页中即可。通过图表设置修改相应的数据和样式。

图表数据来源
Graphina支持两种数据来源:
- 手动manual
- 动态dynamic(需要Pro版本)
简单的图表用手工方式输入即可,如果遇到复杂的数据,手动输入的效率会很低,此时可以通过动态方式获取数据,该特性需要Graphina pro版本支持(19美金)。
动态数据支持:
- CSV
- Google Sheet
- API
如果主机在海外,可以使用Google Sheet,google sheet的使用和excel一样。

Google sheet编辑好数据后,选择发布到网络“Publish to the web”, 复制相应的url地址到graphina中即可。


主机在国内的话则只能使用CSV方式,用excel表格创建好数据后,另存为csv文件格式,在数据来源的选项中选择该csv文件即可。

如果数据有变化,则需要更新csv文件重新上传即可。
API方式适合于自己有API接口的用户,API方式对技术要求较高,需要具备一定的开发经验,好处是可以做到数据完全动态,无需手动更新。
关于更多Elementor的文章: