README

Charts生成库的前端包ChartsJs

安装

composer require ajtarragona/charts:"@dev"

重要!! 每次更新包时，都需要运行此命令以覆盖资产（js和css）

php artisan ajtarragona:charts:assets

配置

你可以使用命令发布包配置文件

php artisan vendor:publish --tag=ajtarragona-charts-config

这将把文件复制到 config/charts.php。

你可以添加更多颜色调色板。

将资产包含到HTML模板中

<!doctype html>
<html lang="{{ app()->getLocale() }}">
<head>
	...
    <link href="{{ asset('vendor/ajtarragona/css/charts.css') }}" rel="stylesheet">
	
</head>
<body>
    ...

    <script src="{{ asset('vendor/ajtarragona/js/charts.js')}}" language="JavaScript"></script>
	
</body>
</html>

在头部包含CSRF令牌和基本URL

<!doctype html>
<html lang="{{ app()->getLocale() }}">
<head>
    ...
    <meta name="csrf-token" content="{{ csrf_token() }}">
	<meta name="base-url" content="{{ url('') }}">
...

初始化图表

我们可以初始化所有已加载的图表

<script language="JavaScript">
	$('.chart-canvas').tgnChart();
</script>

或者我们可以根据ID单独初始化

<script language="JavaScript">
	$('#demo-chart-1').tgnChart();
</script>

使用

我们可以从我们的视图中使用组件blade @chart 创建图表。

有两种选择

或者传递一个BaseChart实例和一个选项数组

@chart($chart, $opcions=[])

示例代码

或者创建一个动态图表。通过传递一个包含图表类型、数据集和选项数组的字符串

@chart($tipus, $datasets, $opcions=[])

示例代码

从你的应用程序中，可以通过路由 ajtarragona/charts/samples 访问一个 DEMO

我们可以通过在应用程序的.env文件中定义变量CHART_SAMPLES = false来禁用DEMO（在生产环境中推荐这样做）

ajtarragona / charts

维护者

详情

README

安装

配置

将资产包含到HTML模板中

在头部包含CSRF令牌和基本URL

初始化图表

使用