如何摆脱图表中的轴线?

Question

我已经玩了两天的 ChartJS，我似乎无法摆脱浅灰色的轴线(垂直和水平(。

我的图表的屏幕截图，指示我要删除的线条

由于这是一个Laravel项目，我正在使用ConsoleTV的图表包。 图表的代码如下：

$this->options([
'legend' => [
'display' => false
],
'scales' => [
'xAxes' => [
'gridLines'=> [
'drawOnChartArea' => 'false',
'display' => 'false',
],
'display' => 'false',
],
],
'elements' => [
'line' => [
'backgroundColor' => 'rgba(71, 15, 244, 0.2)',
'borderColor' => '#470ff4'
],
],
'title' => [
'display' => false,
]
]);

。这被渲染成...(一行(：

options: {"maintainAspectRatio":false,"scales":{"xAxes":{"gridLines":{"drawOnChartArea":"false","display":"false"},"display":"false"},"yAxes":[{"ticks":{"beginAtZero":true}}]},"legend":{"display":false},"elements":{"line":{"backgroundColor":"rgba(71, 15, 244, 0.2)","borderColor":"#470ff4"}},"title":{"display":false}}

我试图稍微格式化一下以提高可读性：

options: 
{"maintainAspectRatio":false,
"scales":{
"xAxes":{
"gridLines": {
"drawOnChartArea":"false",
"display":"false"
},
"display":"false"
},
"yAxes":
[{"ticks":{
"beginAtZero":true
}}
]},
"legend":{"display":false},"elements":{"line":{"backgroundColor":"rgba(71, 15, 244, 0.2)","borderColor":"#470ff4"}},"title":{"display":false}}

如您所见，我已经尝试将几个显示值设置为false。 任何帮助将不胜感激！

提前谢谢。

编辑到目前为止没有帮助的是添加这一行，尽管我完全相信它应该有效。这没有意义。我也看过其他解决方案，但是，给出的答案不起作用。

脚本的加载顺序： 头部： 1. 图表 正文：1.图表画布，2.图表配置

$this->options([
'scales' => [
'xAxes' => [
'gridLines'=> [
'lineWidth' => 0
]
],
'yAxes' => [
'gridLines'=> [
'lineWidth' => 0
]
],
],
]);

Answer 1

我找到了一种方法来禁用Laravel Charts(通过ConsoleTV(ChartJS上的轴。包本身有两种方法可以执行此操作。

在图表的模板类中，我添加了以下两个函数：

public function __construct()
{
parent::__construct();
// ...
$this->displayAxes(false);
$this->minimalist(true);
// ...
}