Javascript 在Apexcharts上动态更新标题

我正在使用Updateseries更新x轴和y轴。如何更新标题

$.getJSON('chartData.php', {
    devicename: feature.get('id')
}, (response) => {
    chart.updateSeries([{
        data: response
    }])

    let chart = new ApexCharts(document.getElementById("chart"), options)
    chart.updateOptions({
    title: 'Water Consumption per day on December 2019 for '
  })  

 });

---

您应该使用ApexCharts的

updateOptions

方法来更新任何其他配置

updateSeries

仅处理图表的数据，而

updateOptions

允许动态更改图表的配置

var图表=新的ApexCharts（el，选项）；
chart.updateOptions({
标题：{
文本：“新标题”
}
})

更新选项的文档-

呈现图表，然后更新标题文本：

var chart = new ApexCharts(document.querySelector("#chart"), options);
chart.render();

try{
chart.updateOptions({
    title: {
    text: 'new title'
  }
})
}
catch(e){
alert(e)
}

---

此代码可以更新图表中的标题

*ApexCharts.exec('id', "updateOptions", {*
        title:{
            text:title1
        }
    });

---

好的，我使用了：

$（“.apexcharts title text”）.text（“lel”）

不建议使用上述方法，因为它将在下次渲染时被擦除。尝试调整浏览器的大小，您将看到它恢复到原来的大小。请参阅下面我的答案。请参阅我更新的问题，我在更新序列上遇到错误：

Uncaught ReferenceError:无法在初始化之前访问“图表”

在呈现图表之前，您不能调用

updateseries

。向下移动

updateSeries

下面的

new-ApexCharts

行，现在我得到：

ApexCharts:6未捕获类型错误：无法读取未定义的属性“queryselectoral”

在更新序列之前，您没有调用

render

方法。请参考文档-呈现图表后，可以调用任何其他方法。页面加载时，图表已呈现。当我想更新（例如，通过Ajax检索数据）时，我需要再次渲染它。为了给你的答案增加价值，请考虑对这个代码做一个简短的解释。