我无法在运行时使用javascript更改图表主题
是否可以使用我无法在运行时使用javascript更改图表主题,javascript,themes,runtime,amcharts,Javascript,Themes,Runtime,Amcharts,是否可以使用javascript在运行时更改图表主题? 我在任何地方都找不到这样做的例子 我尝试使用validateNow,但没有成功 谢谢 如果要在运行时更改主题,必须使用该方法清除图表实例并重新创建图表 下面是一个例子: var图; var chartConfig={ 类型:“串行”, 数据提供者:[{ “年份”:2005年, “收入”:23.5, “费用”:18.1 }, { “年份”:2006年, “收入”:26.2, “费用”:22.8 }, { “年份”:2007年, “收入”:3
javascript
在运行时更改图表主题?
我在任何地方都找不到这样做的例子
我尝试使用validateNow
,但没有成功
谢谢 如果要在运行时更改主题,必须使用该方法清除图表实例并重新创建图表 下面是一个例子:
var图;
var chartConfig={
类型:“串行”,
数据提供者:[{
“年份”:2005年,
“收入”:23.5,
“费用”:18.1
}, {
“年份”:2006年,
“收入”:26.2,
“费用”:22.8
}, {
“年份”:2007年,
“收入”:30.1,
“费用”:23.9
}, {
“年份”:2008年,
“收入”:29.5,
“费用”:25.1
}, {
“年份”:2009年,
“收入”:24.6,
“费用”:25
}],
类别字段:“年”,
类别:{
网格位置:“开始”
},
valueAxes:[{
标题:“百万美元”
}],
图表:[{
键入:“列”,
标题:“收入”,
valueField:“收入”,
lineAlpha:0,
填充字母:0.8,
气球文本:[[category]:[[value]]中的[[title]]
}, {
键入:“行”,
标题:“费用”,
valueField:“费用”,
线宽:2,
子弹:“圆形”,
气球文本:[[category]:[[value]]中的[[title]]
}],
图例:{
useGraphSettings:正确
}
};
函数createChart(主题){
如果(图表和图表清除){
chart.clear();
}
var config=JSON.parse(JSON.stringify(chartConfig));//在重用配置之前克隆配置
config.theme=主题;
如果(主题==“黑暗”){
document.body.style.backgroundColor=“#282828”;
}
否则{
document.body.style.backgroundColor=“#ffffff”;
}
chart=AmCharts.makeChart(“chartdiv”,config);
}
//设置用于切换主题的事件处理程序
Array.prototype.forEach.call(
document.querySelectorAll(“主题切换li”),
功能(li){
li.addEventListener(“单击”,函数(){
createChart(li.id);
});
}
);
createChart(“无”)代码>
#主题切换li{
显示:内联;
宽度:10%;
填充:0.2em;
边框:1px实心#ccc;
颜色:#0000ff;
光标:指针;
背景色:#ececec;
}
#沙特迪夫{
宽度:100%;
高度:400px;
}
- 无
灯
- 黑暗
谢谢!非常精确的答案