在 Apexcharts 上动态更新标题

Question

我正在使用 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 '
  })  

 });

Answer 1

您应该使用 ApexCharts 的 updateOptions 方法来更新任何其他配置。

updateSeries只处理图表的数据，而updateOptions允许动态改变图表的配置

var chart = new ApexCharts(el, options);

chart.updateOptions({
  title: {
    text: 'new title'
  }
})

updateOptions 文档 - https://apexcharts.com/docs/methods/#updateOptions

Answer 2

https://jsfiddle.net/e6q8pofL/

渲染图表，然后更新标题的文本：

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

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

Answer 3

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

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

在 Apexcharts 上动态更新标题

Update title dynamically on Apexcharts

javascript

jquery

apexcharts