livewire-charts

> 编程语言

开源

为您的 Laravel 项目提供精美的 Livewire 图表

897 stars0 点赞1 次浏览

访问官网 GitHub

工具介绍

为您的 Laravel 项目提供精美的 Livewire 图表

Livewire Charts 这个包允许您使用 Livewire 为应用程序添加交互式数据图表。通过流畅的 API 和内置的 Livewire 组件，您可以在应用程序中快速添加图表。您还可以添加交互和行为，来丰富用户体验。线图、多条线图、饼图、树图等各种类型的图表都可立即使用，也可进行自定义。

此命令会将 vendor/livewire-charts 文件夹导出到应用的 public 目录中，该目录由 @livewireChartsScripts 指令使用。稍后将详细介绍此主题。

Livewire Charts 支持以下类型的图表: - 线图/多条线图(LivewireLineChart组件) - 饼图(LivewirePieChart组件) - 柱状图/多条线图(LivewireColumnChart组件) - 面积图(LivewireAreaChart组件) - 雷达图(LivewireRadarChart组件) - 树状图(LivewireTreeMapChart组件) - 径向图(LivewireRadialChart组件)

每个组件都带有一个自己的"模型"类,可用于定义图表的数据和渲染行为。 - LivewireLineChart 使用 LineChartModel 来设置数据点、标记、事件和其他 UI 定制。 - LivewirePieChart 使用 PieChartModel 来设置数据片段、事件和其他 UI 定制。 - LivewireColumnChart 使用 ColumnChartModel 来设置数据列、事件和其他 UI 定制。 - LivewireAreaChart 使用 AreaChartModel 来设置数据点、事件和其他 UI 定制。 - `LivewireRada