Javascript 如何在图表js的Y轴上应用美元符号?

Javascript 如何在图表js的Y轴上应用美元符号?,javascript,charts,chart.js,Javascript,Charts,Chart.js,我正在处理图表js,我想在Y轴上应用doller符号,我尝试了一些选项,但不起作用,有人能帮我吗,这是我的代码 function earning_one_time_purchase() { var monthsData = { labels: <?php echo $t->one_time_purchase_month_chart; ?>, datasets: [ {

我正在处理图表js,我想在Y轴上应用doller符号,我尝试了一些选项,但不起作用,有人能帮我吗,这是我的代码

function earning_one_time_purchase() {
        var monthsData = {
            labels: <?php echo $t->one_time_purchase_month_chart; ?>,
            datasets: [
                {
                    fillColor: "<?php echo $graph_color_code; ?>", //"rgba(172,194,132,0.4)",
                    strokeColor: "<?php echo $graph_line_color_code; ?>",
                    pointColor: "#fff",
                    pointStrokeColor: "#9DB86D",
                    data: <?php echo $t->one_time_purchase_amount_chart; ?>
                } 
            ],
        options: {
        scales: {
            yAxes: [{
                ticks: {
                // Include a dollar sign in the ticks
                callback: function(value, index, values) {
                    alert(value);
                    return '$' + value;
                }
                }
            }]   
            }
        }
        };
        var months = document.getElementById("eChart_1").getContext("2d");
        new Chart(months).Line(monthsData);
    }
函数赚取一次性购买(){
var monthsData={
标签:,
数据集:[
{
填充颜色:“,/”rgba(172194132,0.4)”,
strokeColor:“”,
点颜色:“#fff”,
pointStrokeColor:#9DB86D“,
数据:
} 
],
选项:{
比例:{
雅克斯:[{
滴答声:{
//在刻度中包括一个美元符号
回调:函数(值、索引、值){
警报(值);
返回“$”+值;
}
}
}]   
}
}
};
变量月份=document.getElementById(“eChart_1”).getContext(“2d”);
新图表(月)。线(月数据);
}

如果您使用的是Chart.js的版本1.x,您可以使用
scaleLabel
键自定义刻度

var options = {
   scaleLabel: function(label){return  '$' + label.value}
};
请注意,创建图表时,应将选项对象作为第二个参数传递,而不是将其包含在
月数据中

const标签=['Jan','Feb','Mar','Apr','May','June','July','Aug','Sept','Oct','Nov','Dec'];
const initialData=[{'x':'Apr','y':40},{'x':'July','y':70},{'x':'Dec','y':120}];
const filledMonths=initialData.map((月)=>month.x);
常量数据集=labels.map(月份=>{
const indexOfFilledData=filledMonths.indexOf(月);
if(indexofficelleddata!=-1)返回initialData[indexofficelleddata].y;
返回0;
});
var monthsData={
标签:标签,
数据集:[
{
标签:“我的第一个数据集”,
填充颜色:“rgba(220220,0.2)”,
strokeColor:“rgba(2201)”,
点颜色:“rgba(220220,1)”,
pointStrokeColor:“fff”,
pointHighlightFill:“fff”,
pointHighlightStroke:“rgba(2201)”,
数据:数据集
}
]
};
变量选项={
scaleLabel:函数(label){return'$'+label.value}
};
var ctx=document.getElementById(“myChart”).getContext(“2d”);
var图表=新图表(ctx).Line(月数据,选项)