Yii2 ChartJs在页面上抛出非数字值遇到错误

Question

我已经通过composer在我的2amigos/yii2-chartjs-widget上安装了一个yii2 project，并且在安装它之后，我试图调整文档中所示的示例。

 <?php
           ChartJs::widget([
'type' => 'pie',
'id' => 'structurePie',
'options' => [
    'height' => 200,
    'width' => 400,
],
'data' => [
    'radius' =>  "90%",
    'labels' => ['Label 1', 'Label 2', 'Label 3'], // Your labels
    'datasets' => [
        [
            'data' => ['35.6', '17.5', '46.9'], // Your dataset
            'label' => '',
            'backgroundColor' => [
                    '#ADC3FF',
                    '#FF9A9A',
                'rgba(190, 124, 145, 0.8)'
            ],
            'borderColor' =>  [
                    '#fff',
                    '#fff',
                    '#fff'
            ],
            'borderWidth' => 1,
            'hoverBorderColor'=>["#999","#999","#999"],
        ]
    ]
],
'clientOptions' => [
    'legend' => [
        'display' => false,
        'position' => 'bottom',
        'labels' => [
            'fontSize' => 14,
            'fontColor' => "#425062",
        ]
    ],
    'tooltips' => [
        'enabled' => true,
        'intersect' => true
    ],
    'hover' => [
        'mode' => false
    ],
    'maintainAspectRatio' => false,

],
'plugins' =>
    new \yii\web\JsExpression('
    [{
        afterDatasetsDraw: function(chart, easing) {
            var ctx = chart.ctx;
            chart.data.datasets.forEach(function (dataset, i) {
                var meta = chart.getDatasetMeta(i);
                if (!meta.hidden) {
                    meta.data.forEach(function(element, index) {
                        // Draw the text in black, with the specified font
                        ctx.fillStyle = rgb(0, 0, 0);

                        var fontSize = 16;
                        var fontStyle = normal;
                        var fontFamily = Helvetica;
                        ctx.font = Chart.helpers.fontString(fontSize, fontStyle, fontFamily);

                        // Just naively convert to string for now
                        var dataString = dataset.data[index].toString()+'%';

                        // Make sure alignment settings are correct
                        ctx.textAlign = center;
                        ctx.textBaseline = middle;

                        var padding = 5;
                        var position = element.tooltipPosition();
                        ctx.fillText(dataString, position.x, position.y - (fontSize / 2) - padding);
                    });
                }
            });
        }
    }]')
    ])
            ?>

但是当我刷新页面时，出现此错误

遇到的非数字值

错误发生在var dataString = dataset.data[index].toString()+'%';

我一直在尝试解决此问题，但找不到任何东西

任何帮助将不胜感激。

Answer 1

这是因为您没有正确地将引号转义，所以您需要对语句中的单引号进行转义

var dataString = dataset.data[index].toString()+' % ';

因为您在new yii\db\Expression()中的外引号使用单引号来包装整个javascript，所以将行更改为

var dataString = dataset.data[index].toString()+\' % \';