在smarty chartjs中显示json格式的数据

Question

<script>
{literal}
var ctx = document.getElementById('myGlaciermassChart').getContext('2d');
var chart = new Chart(ctx, {
    // The type of chart we want to create
    type: 'line',

    // The data for our dataset
    data: {
        labels: [{/literal}

            {foreach from=$glaciermass item=year name=glaciermassloop}
                {if $smarty.foreach.glaciermassloop.last}
                    "{$year.Year}"
                {else}
                    "{$year.Year}",
                {/if}

            {/foreach}

            {literal}],

            datasets: [{
                   label: 'Mean Glacier mass Level',
                   data: [{/literal}

                       {foreach from=$glaciermass item=year name=glaciermassloop}
                           {if $smarty.foreach.glaciermassloop.last}
                               "{$year.Mean-cumulative-mass-balance}"
                           {else}
                               "{$year.Mean-cumulative-mass-balance}",
                           {/if}
                       {/foreach}

                       {literal}],
                   backgroundColor: [
                       'rgba(255, 99, 132, 0.2)',
                       'rgba(54, 162, 235, 0.2)',
                       'rgba(255, 206, 86, 0.2)',
                       'rgba(75, 192, 192, 0.2)',
                       'rgba(153, 102, 255, 0.2)',
                       'rgba(255, 159, 64, 0.2)'
                   ],
                   borderColor: [
                       'rgba(255, 99, 132, 1)',
                       'rgba(54, 162, 235, 1)',
                       'rgba(255, 206, 86, 1)',
                       'rgba(75, 192, 192, 1)',
                       'rgba(153, 102, 255, 1)',
                       'rgba(255, 159, 64, 1)'
                   ],
                   borderWidth: 1
               }]
           },
           options: {
               scales: {
                   yAxes: [{
                       ticks: {
                           suggestedMax: 0,
                           suggestedMin:-30,
                           beginAtZero: true
                       }
                   }]
               }
           }
       });

{/literal}
</script>

我正在使用Chart.js，并且来自API端点的数据未在屏幕上显示正确的均值。我尝试了许多不同的方法，甚至尝试了选择索引，但是它不起作用。当前平均值在所有年份的图表上仅显示0，而不是json的实际值-这是json本身。 https://pkgstore.datahub.io/core/glacier-mass-balance/glaciers_json/data/6270342ca6134dadf8f94221be683bc6/glaciers_json.json。

<?php

$url ='https://pkgstore.datahub.io/core/glacier-mass-balance/glaciers_json/data/6270342ca6134dadf8f94221be683bc6/glaciers_json.json';

$response = file_get_contents($url);
$GlaciermassData= json_decode($response, true);

$smarty->assign('glaciermass', $GlaciermassData);
?>

Answer 1

您是否尝试过按数字访问每个索引？