[英]How to apply dollar sign in Y- axis in chart js?
我正在處理圖表js,我想在Y軸上應用美元符號,因此我嘗試了一些選項,但它不起作用,有人可以幫我嗎,這是我的代碼
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);
}
如果使用的是Chart.js 1.x版,則可以使用scaleLabel
鍵自定義刻度scaleLabel
。
var options = {
scaleLabel: function(label){return '$' + label.value}
};
請注意,在創建圖表時,應將options對象作為第二個參數傳遞,而不是將其包含在monthsData
。
const labels = ['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) => month.x); const dataSet = labels.map(month => { const indexOfFilledData = filledMonths.indexOf(month); if( indexOfFilledData !== -1) return initialData[indexOfFilledData].y; return 0; }); var monthsData = { labels: labels, datasets: [ { label: "My First dataset", fillColor: "rgba(220,220,220,0.2)", strokeColor: "rgba(220,220,220,1)", pointColor: "rgba(220,220,220,1)", pointStrokeColor: "#fff", pointHighlightFill: "#fff", pointHighlightStroke: "rgba(220,220,220,1)", data: dataSet } ] }; var options = { scaleLabel: function(label){return '$' + label.value} }; var ctx = document.getElementById("myChart").getContext("2d"); var chart = new Chart(ctx).Line(monthsData, options);
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.1.1/Chart.min.js"></script> <canvas id="myChart" width="300" height="300"></canvas>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.