变量javascript数组chartists.js

Variable javascript array chartists.js

本文关键字：js chartists 数组 javascript 变量更新时间：2023-09-26

我试图用chartist.js做的是允许变量更改创建图表的数组中的值。

所以我使用的是甜甜圈图，我在数组中使用了一系列的2和1标签。

    var x = 20, 
        y = 60,
    var chart = new Chartist.Pie('.ct-chart', {
          series: [x, y],
          labels: [43]
    }, {
      donut: true,
      showLabel: true
});

我在尝试设置x&Uncaught SyntaxError: Unexpected token var的y变量我知道这有点像小学生的错误，但我想确保我这样做的方式是正确的，但不确定——最终目标是有两个输入框，我可以提交两个值，这两个值依次改变图表值并创建圆环图。

            <!DOCTYPE html>
            <html>
                <head>
                    .....
                </head>
                <body>
                    <script>
                        function onDrawClick() {
                            var x = document.getElementById("xFieldId").value;
                            var y = document.getElementById("yFieldId").value;
                            var chart = new Chartist.Pie('.ct-chart', {
                                series: [x, y],
                                labels: [43]
                            }, {
                                donut: true,
                                showLabel: true
                            });
                        }
                    </script>
                    <div class="ct-chart"></div>        
                    <input type="number" id="xFieldId">
                    <input type="number" id="yFieldId">
                    <button onclick="onDrawClick()">Show</button>
                </body>
            </html>

您的代码和完整的示例。