这个问题可以通过以下代码进行解决:
var options = { chart: { type: 'line', height: 350, theme: { mode: 'light', palette: 'palette1' } }, series: [{ name: 'sales', data: [30,40,35,50,49,60,70,91,125] }], xaxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'] } }
var chart = new ApexCharts(document.querySelector("#chart"), options);
// 更改theme.mode属性 chart.updateOptions({ theme: { mode: 'dark' } });
// 更新主题 chart.updateTheme({ palette: 'palette2' });
chart.render();
在这个示例中,我们首先定义了一个options对象,该对象包含了一个chart类型、系列、x轴和高度。在theme中我们定义了mode和调色板palette属性。然后我们通过chart.updateOptions方法更改了theme.mode属性,然后通过chart.updateTheme方法更新了主题调色板,最后通过chart.render方法重新绘制了图表。