“我如何显示?”;“正在加载…”;仅使用yii2扩展名的Highcharts中的消息?

“我如何显示?”;“正在加载…”;仅使用yii2扩展名的Highcharts中的消息?,highcharts,yii2,Highcharts,Yii2,我正在使用Pjax在页面上呈现Highcharts。 我的视图代码: <?php Pjax::begin() ?> <?php ActiveForm::begin() ?> //some code there... <?= Html::submitButton( 'Calculate', [ 'class' => 'btn btn-primary', 'id' => 'c

我正在使用Pjax在页面上呈现Highcharts。 我的视图代码:

    <?php Pjax::begin() ?>
     <?php ActiveForm::begin() ?>
     //some code there...
    <?= Html::submitButton( 'Calculate', [
            'class' => 'btn btn-primary',
            'id' => 'calculate-button',
        ]);
        ActiveForm::end();
    ?>

<?php
        if ($data) {
            echo $this->render('HolidayChart', ['data' => $data]);
        }
    ?>
控制器代码:

$calculateForm = new CalculateHolidayForm();
$data = '';
if ($calculateForm->load(Yii::$app->request->post()) && $calculateForm->validate()) {
    $data = UserHoliday::calculateHoliday(UserSubgroup::findOne($calculateForm->subgroup), $calculateForm->dateRange);
}
return $this->render('about', ['calculateForm' => $calculateForm, 'data' => $data]);
我有两个问题:
1.如何在渲染图表之前显示“正在加载…”消息?
2.在仅使用扩展名更新图表上的数据之前,如何显示“正在加载…”消息?(大概是这样)

非常感谢

chart.showLoading
chart.hideLoading
的思想是创建图表,然后向该图表添加一些数据。在您的例子中,小部件正在使用数据集创建图表,因此
showLoading()
没有意义。我建议将加载器放在容器中,稍后将用图表替换,类似这样:关于第二个问题,何时更新数据?你能在那里调用
chart.showLoading()
?是的,我同意@PawełFus使用
label
选项和
labelStyle
在你提供数据集的情况下也不会有帮助
$calculateForm = new CalculateHolidayForm();
$data = '';
if ($calculateForm->load(Yii::$app->request->post()) && $calculateForm->validate()) {
    $data = UserHoliday::calculateHoliday(UserSubgroup::findOne($calculateForm->subgroup), $calculateForm->dateRange);
}
return $this->render('about', ['calculateForm' => $calculateForm, 'data' => $data]);