vue在使用echart的甘特图时,无论开始时间还有计划开始时间是多少,进度条都会从时间的起点开始,怎么样才能让它就从开始hi就还有计划开始时间为七点,怎么解决
时间: 2024-03-09 17:48:06 浏览: 141
你可以使用 ECharts 中甘特图的 `progressive` 属性,将其设置为 `false`,然后使用 `setOption` 方法进行更新,这样就可以让进度条从开始时间和计划开始时间开始了。代码示例:
```javascript
// 初始化 ECharts 实例
var myChart = echarts.init(document.getElementById('main'));
// 设置 ECharts 配置项
var option = {
// 其他配置项
series: [
{
type: 'gantt',
// 设置为 false,关闭渐进式渲染
progressive: false,
// 其他配置项
},
],
};
// 使用初始配置项绘制 ECharts
myChart.setOption(option);
// 更新 ECharts 配置项,让进度条从开始时间和计划开始时间开始
myChart.setOption({
series: [
{
data: [
{
// 开始时间
start: '2021-06-01T07:00:00',
// 计划开始时间
plannedStart: '2021-06-01T07:00:00',
// 其他配置项
},
],
},
],
});
```
在上述示例代码中,我们首先初始化了 ECharts 实例,并设置了 ECharts 配置项。其中,我们将甘特图中的 `progressive` 属性设置为 `false`,关闭了渐进式渲染。接着,我们使用 `setOption` 方法,使用初始配置项绘制 ECharts。最后,我们再次使用 `setOption` 方法,更新 ECharts 配置项,使进度条从开始时间和计划开始时间开始。
阅读全文