javascript - Metronic HTML 模板
问题描述
我正在尝试使用 Metronic 的模板之一在我的仪表板上显示聊天。要更改图表值,我需要在调用负责呈现图表的 javascript 时从视图传递值。如何将图表的系列值从视图传递给 Javascript 函数?
<div id="kt_charts_widget_8_1_chart" style="height: 250px"></div>
var _initMixedWidget18_1 = function () {
var element = document.getElementById("kt_charts_widget_8_1_chart");
var height = parseInt(KTUtil.css(element, 'height'));
if (!element) {
return;
}
var options = {
series: [90],
chart: {
height: height,
type: 'radialBar',
offsetY: 0
},
plotOptions: {
radialBar: {
startAngle: -90,
endAngle: 90,
hollow: {
margin: 0,
size: "70%"
},
dataLabels: {
showOn: "always",
name: {
show: true,
fontSize: "13px",
fontWeight: "700",
offsetY: -5,
color: KTApp.getSettings()['colors']['gray']['gray-500']
},
value: {
color: KTApp.getSettings()['colors']['gray']['gray-700'],
fontSize: "30px",
fontWeight: "700",
offsetY: -40,
show: true
}
},
track: {
background: KTApp.getSettings()['colors']['theme']['light']['primary'],
strokeWidth: '100%'
}
}
},
colors: [KTApp.getSettings()['colors']['theme']['base']['primary']],
stroke: {
lineCap: "round",
},
labels: ["Payments"]
};
var chart = new ApexCharts(element, options);
chart.render();
}