“我如何显示?”;“正在加载…”;仅使用yii2扩展名的Highcharts中的消息?
我正在使用Pjax在页面上呈现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
<?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]);