Chart.jsはy軸のラベルに<i class = 'icon-peso'></i>のようなアイコンを追加します

Question

私は<i> </i>タグのこれらの通貨クラスを持っています。 ".icon-peso"。 <i class="icon-peso"> </i>タグを表示するにはどのようにchart.jsのy軸をフォーマットしますか？ P100,00.00：

はまた、これらのクラスは、私はこのようにそれを示すようになって必要なものhttp://app.fontastic.me/

にアップロードしたカスタムフォントを使用します。

は、ここに私のコードです：

$(document).ready(function(){ 
    var barLabel = <?php echo json_encode($ch3_arrDate); ?>; 
    var dataVal1 = <?php echo json_encode($ch3_arrRevenue_conf); ?>; 
    var dataVal2 = <?php echo json_encode($ch3_arrRevenue_tent); ?>; 

    var dateFilter = <?php echo json_encode($ch3_arrDate2); ?>; 

    var barData = { 
     labels: barLabel, 
     datasets: [ 
      { 
       label: 'Confirmed Revenue', 
       backgroundColor: 'rgba(163,216,3,0.5)', 
       data: dataVal1, 
      }, 
      { 
       label: 'Tentative Revenue', 
       backgroundColor: 'rgba(28,83,130,0.5)', 
       data: dataVal2, 
      }, 
     ] 
    }; 

    var barOptions = { 
     responsive: true, 
     maintainAspectRatio: true, 
     scales: { 
      yAxes: [{ 
       ticks: { 
        beginAtZero: true, 
        userCallback: function(value, index, values) { 
         return addCommas(value.toFixed(2)); 
        } 
       } 
      }] 
     }, 
     legend: { 
      display: true, 
      position: 'bottom' 
     }, 
     tooltips: { 
      callbacks: { 
      label: function(tooltipItem, data) { 
       return addCommas(tooltipItem.yLabel.toFixed(2)); 
      } 
      } 
     } 
    } 


    var ctx = document.getElementById("chart3").getContext("2d"); 
    ctx.canvas.height = 300; 

    var chartDisplay = new Chart(ctx, { 
     type: 'line', 
     data: barData, 
     options: barOptions 
    }); 

    $("#chart3").click( 
     function(e){ 
      var activeBars = chartDisplay.getElementsAtEvent(e); 
      var index = activeBars[0]["_index"]; 
      location.href="dash_chartdeals.php?from=future&filter_date="+fixedEncodeURIComponent(dateFilter[index]); 
    }); 

    $("#chart3").mouseenter(function(){ 
     $("#chart3").css("cursor", "pointer"); 
    }); 
}); 

Answer 1

は、以下を使用してが存在変数を更新してみてください。

var barLabel = '<?php echo json_encode($ch3_arrDate) ?>'; 
var dataVal1 = '<?php echo json_encode($ch3_arrRevenue_conf) ?>'; 
var dataVal2 = '<?php echo json_encode($ch3_arrRevenue_tent) ?>'; 
var dateFilter = '<?php echo json_encode($ch3_arrDate2) ?>';