如何动态更换主题

[ReExia]

如何动态更换主题 我目前是这样写的,theme的值也变了,但是主题并没有切换过去, <div echarts [options]="options" id="themeCharts" [theme]="currentTheme" ></div>

[xieziyu]

@setsunahao echarts本身的主题是在init时候传入的，也就是说更改主题，是要销毁原先的图表，再重新初始化一张新的图表。 考虑到图表重绘时options, merge等参数的不确定性，ngx-echarts在设计的时候，也没有去检测theme的变化而去自主重新init图表。

如果想要做到动态更换主题，你需要：

• 利用NgxEchartsService，在theme的变化的时候调用原生的echarts.init方法，重新绘制图表，就像过去写原生代码一样；
• 或者在theme的变化的时候，销毁原来的echarts div，产生一个新的div使用新的theme

[ReExia]

我最后这样搞了 `import * as $ from 'jquery'; declare var echarts: any; createChart(options : any, theme : string){

//清空内容
let container = $("#chartsContainer");
container.empty();

//追加图表div
let child = $("<div id='mychart' style='width:100%;height:500px'></div>");

child.appendTo(container);

let chart = echarts.init(document.getElementById("mychart"),theme);

chart.setOption(options);

} `

NgxEchartsService 应该是我不会用吧,调了下init没起作用.能不能文档上加些NgxEchartsService的例子呢，目前感觉还是不够用

[xieziyu]

NgxEchartsService的例子在demo里面： https://xieziyu.github.io/ngx-echarts/#/usage/NgxEchartsService