Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我无法在运行时使用javascript更改图表主题_Javascript_Themes_Runtime_Amcharts - Fatal编程技术网

我无法在运行时使用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;
}

  • 黑暗

谢谢!非常精确的答案