Как удалить подписи (tips) с линий графика в CharJs при использовании виджета yii2-chartjs от 2amigos?

Question

StormyStallion

yii , chartjs , php

Как удалить подписи (tips) с линий графика в CharJs при использовании виджета yii2-chartjs от 2amigos?

Следуя документации, я реализовал график следующим образом: <br/> <br/> <pre><code>ChartJs::widget([
                'type' =&gt; 'line',
                'options' =&gt; [
                    'height' =&gt; 200,
                ],
                'clientOptions' =&gt; [
                    'scales' =&gt; [
                        'xAxes' =&gt; [[
                            'ticks' =&gt; [
                                'display' =&gt; false
                            ],
                        ]],
                        'yAxes' =&gt; [[
                            'ticks' =&gt; [
                                'display' =&gt; false
                            ],
                        ]],
                    ]
                ],
                'data' =&gt; [
                    'labels' =&gt; ECGHelper::getLabels(count($model-&gt;ecg_record)),
                    'datasets' =&gt; [
                        [
                            'label' =&gt; "ЭКГ",
                            'borderColor' =&gt; "rgba(255,0,0,1)",
                            'data' =&gt; $model-&gt;ecg_record
                        ],
                    ]
                ]
            ]);
            ?&gt;</code></pre> <br/> <br/> Тем не менее, значения осей остаются видимыми, а фон графика стал черным. Как это исправить?

17 сентября 2024 г. 10:13

Ответы на вопрос 2

Похожие вопросы

Answer 1

Чтобы удалить подписи (tips) с линий графика в Chart.js, вам нужно изменить настройки, касающиеся отображения инструментальных подсказок (tooltips). В вашей реализации используйте параметр `tooltips` в `clientOptions`. Если вы хотите полностью отключить подсказки, вы можете сделать это, установив свойство `enabled` в `false`.

Кроме того, чтобы изменить фон графика и вернуть его к стандартному, нужно ознакомиться с параметрами настройки `backgroundColor`. 

Вот как можно изменить ваш код:

```php
ChartJs::widget([
    'type' => 'line',
    'options' => [
        'height' => 200,
    ],
    'clientOptions' => [
        'scales' => [
            'xAxes' => [[
                'ticks' => [
                    'display' => false
                ],
            ]],
            'yAxes' => [[
                'ticks' => [
                    'display' => false
                ],
            ]],
        ],
        'tooltips' => [
            'enabled' => false, // Отключение подсказок
        ],
        'backgroundColor' => 'rgba(255, 255, 255, 0.5)', // Установка фона графика
    ],
    'data' => [
        'labels' => ECGHelper::getLabels(count($model->ecg_record)),
        'datasets' => [
            [
                'label' => "ЭКГ",
                'borderColor' => "rgba(255,0,0,1)",
                'data' => $model->ecg_record
            ],
        ]
    ]
]);
```

### Объяснение изменений:
- **Удаление подсказок (tooltips)**: `tooltips` с `enabled` => `false` отключает отображение информации о значениях точек графика.
- **Фон графика**: Вы можете заменить `backgroundColor` на желаемый цвет или использовать прозрачный цвет. Убедитесь, что используете цвета в формате RGBA для заданной прозрачности.

Попробуйте внести изменения в ваш код, и это должно решить проблему с подсказками и фоном графика.

Answer 2

'clientOptions' => [
        'scales' => [
            ...
        ],
        'tooltips' => [
            'enabled' => false
        ],
    ],