Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在条形图js中添加Y轴标签_Javascript_Jquery_Chart.js_Adminlte - Fatal编程技术网

Javascript 如何在条形图js中添加Y轴标签

Javascript 如何在条形图js中添加Y轴标签,javascript,jquery,chart.js,adminlte,Javascript,Jquery,Chart.js,Adminlte,我使用管理lte主题来显示图表,但我想在y轴上显示票数 如何添加,我也使用选项代码,但它不工作,请帮助我如何显示信息 这是我的密码 <script> $(function () { /* ChartJS * ------- * Here we will create a few charts using ChartJS */ //-------------- //------------- //- BAR CHART - //------------- var barChartCa

我使用管理lte主题来显示图表,但我想在y轴上显示票数

如何添加,我也使用选项代码,但它不工作,请帮助我如何显示信息

这是我的密码

<script>
$(function () {
/* ChartJS
* -------
* Here we will create a few charts using ChartJS
*/

//--------------
//-------------
//- BAR CHART -
//-------------
var barChartCanvas = $("#barChart").get(0).getContext("2d");
var barChart = new Chart(barChartCanvas);

var barChartData = {
labels: <?php echo json_encode($namelabel) ?>,
datasets: [
{
label: "Total Created",
fillColor: "#f39c12",
strokeColor: "rgba(210, 214, 222, 1)",
pointColor: "rgba(210, 214, 222, 1)",
pointStrokeColor: "#c1c7d1",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(220,220,220,1)",
data: <?php echo json_encode($idlabel) ?>
},
]
};


barChartData.datasets[1].fillColor = "#00a65a";
barChartData.datasets[1].strokeColor = "#00a65a";
barChartData.datasets[1].pointColor = "#00a65a";
var barChartOptions = {
//Boolean - Whether the scale should start at zero, or an order of magnitude 
down from the lowest value
scaleBeginAtZero: true,
//Boolean - Whether grid lines are shown across the chart
scaleShowGridLines: true,
//String - Colour of the grid lines
scaleGridLineColor: "rgba(0,0,0,.05)",
//Number - Width of the grid lines
scaleGridLineWidth: 1,
//Boolean - Whether to show horizontal lines (except X axis)
scaleShowHorizontalLines: true,
//Boolean - Whether to show vertical lines (except Y axis)
scaleShowVerticalLines: true,
//Boolean - If there is a stroke on each bar
barShowStroke: true,
//Number - Pixel width of the bar stroke
barStrokeWidth: 2,
//Number - Spacing between each of the X value sets
barValueSpacing: 5,
//Number - Spacing between data sets within X values
barDatasetSpacing: 1,
//String - A legend template
legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var 
i=0; i<datasets.length; i++){%><li><span style=\"background-color:
<%=datasets[i].fillColor%>\"></span><%if(datasets[i].label){%>
<%=datasets[i].label%><%}%></li><%}%></ul>",
//Boolean - whether to make the chart responsive
responsive: true,
maintainAspectRatio: true
};

barChartOptions.datasetFill = false;
barChart.Bar(barChartData, barChartOptions);
});
</script>

$(函数(){
/*ChartJS
* -------
*这里我们将使用ChartJS创建一些图表
*/
//--------------
//-------------
//-条形图-
//-------------
var barChartCanvas=$(“#barChart”).get(0.getContext(“2d”);
var barChart=新图表(barChartCanvas);
var barChartData={
标签:,
数据集:[
{
标签:“总计已创建”,
fillColor:#f39c12“,
strokeColor:“rgba(210、214、222、1)”,
pointColor:“rgba(210、214、222、1)”,
pointStrokeColor:#c1c7d1“,
pointHighlightFill:“fff”,
pointHighlightStroke:“rgba(2201)”,
数据:
},
]
};
barChartData.datasets[1].fillColor=“#00a65a”;
barChartData.datasets[1].strokeColor=“#00a65a”;
barChartData.datasets[1].pointColor=“#00a65a”;
var barChartOptions={
//布尔值-比例是从零开始,还是从一个数量级开始
从最低值向下
scaleBeginAtZero:对,
//布尔值-是否在图表中显示网格线
scaleShowGridLines:对,
//字符串-网格线的颜色
scaleGridLineColor:“rgba(0,0,0,05)”,
//Number—网格线的宽度
scaleGridLineWidth:1,
//布尔值-是否显示水平线(X轴除外)
缩放水平线:对,
//布尔值-是否显示垂直线(Y轴除外)
scaleShowVerticalLines:没错,
//布尔-如果每个条上都有一个笔划
barShowStroke:是的,
//数字-条笔划的像素宽度
杆行程宽度:2,
//数字-每个X值集之间的间距
barValueSpacing:5,
//数字-X值内数据集之间的间距
barDatasetSpacing:1,
//字符串-图例模板
legendTemplate:“
“, //布尔值-是否使图表响应 回答:是的, MaintaintAspectRatio:正确 }; barChartOptions.datasetFill=false; barChart.Bar(barChartData、barChartOptions); });
根据您的代码,您似乎正在使用旧版本的Chart.js。你特别想要一个旧版本吗?如果没有,我建议更新到最新版本,因为Chart.js在v2中有了很大的改进。更新到v2后,您应该能够使用
labelString
axis选项来标记轴。@TotZam我使用的是AdminLTE-2.3.11该版本上的许多工具请告诉我如何添加y轴。我询问的是Chart.js版本,而不是AdminLTE。我相信AdminLTE附带了一个旧版本的Chart.js,它缺少很多功能。如果更新到Chart.js v2,您将能够控制更多的图表元素。如果有可能添加y轴标签旧版本,请根据您的代码告诉我@totzam,看起来您使用的是旧版本的Chart.js。你特别想要一个旧版本吗?如果没有,我建议更新到最新版本,因为Chart.js在v2中有了很大的改进。更新到v2后,您应该能够使用
labelString
axis选项来标记轴。@TotZam我使用的是AdminLTE-2.3.11该版本上的许多工具请告诉我如何添加y轴。我询问的是Chart.js版本,而不是AdminLTE。我相信AdminLTE附带了一个旧版本的Chart.js,它缺少很多功能。如果您更新到Chart.js v2,您将能够控制更多的图表元素。如果有可能添加y轴标签旧版本,请告诉我@TotZam