}, gridLines: { // 在图上不画格线，否则会和第一个y轴的格线太乱了 drawOnChartArea: false } }], } } } //Get the context of the canvas element we want to select var ctx = document.getElementById("ChartID_BaseStat_Line_1").getContext("2d"); var myChart = new Chart(ctx, { type: 'bar', data: myChartData, options: myChartOptionsForBoth }); // 获取数据，往图表中添加数据集 var ChartData_DataSets_JSON = ''; console.log(ChartData_DataSets_JSON); if ( ChartData_DataSets_JSON ) { var paraArray = new Array(); paraArray['separator'] = "$#$"; AddDataSetsByDataSetsObj(ChartData_DataSets_JSON, myChart, myChartData, paraArray); }; }; ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// /////////////////// pie var DoChart_Pie_1 = ""; var DoChart_Pie_2 = ""; var ChartData_Labels_String_Pie_1 = ""; var ChartData_Labels_Array_Pie_1 = ChartData_Labels_String_Pie_1.split('$#$'); var ChartData_Labels_String_Pie_2 = ""; var ChartData_Labels_Array_Pie_2 = ChartData_Labels_String_Pie_2.split('$#$'); //------------------------------------------------------------------------------------------- // pie 1 if ( DoChart_Pie_1 == 1 ) { var ChartTitle_Pie = ""; var myChartOptionsPie = { responsive: true, // 自适应大小 hoverAnimationDuration: 400, title:{ display:true, text: ChartTitle_Pie // 整个chart的标题 }, legend:{ display:true, // 显示图例 position: "top" } } // 图表的数据 var myChartData = { // data 的 label ，即x轴下面的标签 labels: ChartData_Labels_Array_Pie_1, datasets : [ ] }; //Get the context of the canvas element we want to select var ctx = document.getElementById("ChartID_BaseStat_Pie_1").getContext("2d"); var myChart = new Chart(ctx, { type: 'pie', data: myChartData, options: myChartOptionsPie }); // 获取数据，往图表中添加数据集 var ChartData_DataSets_JSON = ''; var paraArray = new Array(); paraArray['OneDataSetsDifferentColor'] = 1; paraArray['separator'] = "$#$"; AddDataSetsByDataSetsObj(ChartData_DataSets_JSON, myChart, myChartData, paraArray); }; //------------------------------------------------------------------------------------------- // pie 2 if ( DoChart_Pie_2 == 1 ) { var ChartTitle_Pie = ""; var myChartOptionsPie = { responsive: true, // 自适应大小 hoverAnimationDuration: 400, title:{ display:true, text: ChartTitle_Pie // 整个chart的标题 }, legend:{ display:true, // 显示图例 position: "top" } } // 图表的数据 var myChartData = { // data 的 label ，即x轴下面的标签 labels: ChartData_Labels_Array_Pie_2, datasets : [ ] }; //Get the context of the canvas element we want to select var ctx = document.getElementById("ChartID_BaseStat_Pie_2").getContext("2d"); var myChart = new Chart(ctx, { type: 'pie', data: myChartData, options: myChartOptionsPie }); // 获取数据，往图表中添加数据集 var ChartData_DataSets_JSON = ''; var paraArray = new Array(); paraArray['OneDataSetsDifferentColor'] = 1; paraArray['separator'] = "$#$"; AddDataSetsByDataSetsObj(ChartData_DataSets_JSON, myChart, myChartData, paraArray); }; ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////