首页 > 解决方案 > 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();
    }

标签: javascripthtml

解决方案


推荐阅读