ApexCharts 是 wpDataTables 支持的一款较新的图表引擎，相比传统渲染方式，它在交互体验与视觉样式上更加现代：图表加载时带有平滑的动画过渡，鼠标悬停可即时查看数据提示（tooltip），还支持图例点选、区域缩放等便捷操作。本页以柱状图为例，展示如何用它直观呈现分类数据的对比关系。
下面嵌入的是一个实时渲染的 ApexCharts 柱状图，主题为「月度营收与成本对比」。每个月份对应一组柱子，分别表示当月营收与成本，方便你横向比较各月份的经营表现、快速识别营收与成本之间的差距和变化趋势。图表数据与后台数据源保持同步，更新数据后前台即可自动反映最新结果。
- 建议为「营收」和「成本」两个数据系列设置对比鲜明的颜色，让两者在同一月份的高低差异一目了然。
- X 轴使用月份标签、Y 轴表示金额时，可开启数据标签或保留悬停提示，兼顾整体趋势与具体数值的查看。
- 启用图例（legend），访客可点击以临时隐藏某个系列，专注观察单一指标的月度变化。
- ApexCharts 默认自适应容器宽度，在移动端也能良好显示，无需为不同屏幕单独配置。
- 本页使用的短代码：