Charts 图表中看不见的动词

Charts 图表中看不见的动词,charts,google-visualization,bar-chart,Charts,Google Visualization,Bar Chart,我是谷歌图表的新手,我正在尝试使用堆叠条形图, 我是谷歌图表的新手,我正在尝试使用堆叠条形图 它工作得很好 但是vAxis值没有显示在图表中 有什么解决办法吗, 谢谢 这是我的剧本: <script type="text/javascript"> google.charts.load('current', { packages: ['corechart'] }); google.charts.setOnLoadCallback(draw

我是谷歌图表的新手,我正在尝试使用堆叠条形图, 我是谷歌图表的新手,我正在尝试使用堆叠条形图

它工作得很好

但是vAxis值没有显示在图表中

有什么解决办法吗, 谢谢 这是我的剧本:

<script type="text/javascript">
       google.charts.load('current', { packages: ['corechart'] });
       google.charts.setOnLoadCallback(drawChart);
       function drawChart() {
           var options = {    
               width: 1500,
               height: 1500,
               bar: { groupWidth: "75%" },
               seriesType: 'bars',
               colors: ['#dacfcf', '#fee812'],
               legend: 'right',
               curveType: 'function',
               isStacked: true,
               hAxis: { viewWindowMode: "explicit", format: '###', viewWindow: { min: 0 } },
               vAxis: { textStyle: { fontSize: 7 }
               }    
           };          
           $.ajax({
               type: "POST",
               url: "GetData.asmx/GetChartDataClient",
               data: '{}',
               contentType: "application/json; charset=utf-8",
               dataType: "json",
               success: function (r) {
                   var data = new google.visualization.DataTable({
                       "cols": [
                           { "label": "Nome", "type": "string" },
                           { "label": "En cours", "type": "number" },
                           { "label": "Clos", "type": "number" },
                       ]
                   });

                   data.addRows(r.d);                     
                   var view = new google.visualization.DataView(data);
                   view.setColumns([0,
                       1, { calc: function (dataTable, rowIndex) { return getAnnotation(dataTable, rowIndex, 1); }, type: "string", role: "annotation" },
                       2, { calc: function (dataTable, rowIndex) { return getAnnotation(dataTable, rowIndex, 2); }, type: "string", role: "annotation" },
                   ]);

                   function getAnnotation(dataTable, rowIndex, columnIndex) {
                       return dataTable.getFormattedValue(rowIndex, columnIndex) || null;
                   }

                   var chart = new google.visualization.BarChart($("#chart_divclient")[0]);
                   chart.draw(view, options);
            
           });

load('current',{packages:['corechart']});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
变量选项={
宽度:1500,
身高:1500,
条:{groupWidth:“75%”,
序列类型:“条”,
颜色:['#dacfcf','#fee812'],
图例:“对”,
curveType:'函数',
isStacked:是的,
hAxis:{viewWindowMode:“显式”,格式:'###',viewWindow:{min:0},
变量:{textStyle:{fontSize:7}
}    
};          
$.ajax({
类型:“POST”,
url:“GetData.asmx/GetChartDataClient”,
数据:“{}”,
contentType:“应用程序/json;字符集=utf-8”,
数据类型:“json”,
成功:功能(r){
var data=new google.visualization.DataTable({
“科尔斯”:[
{“label”:“Nome”,“type”:“string”},
{“label”:“En cours”,“type”:“number”},
{“标签”:“Clos”,“类型”:“编号”},
]
});
数据。添加行(r.d);
var view=newgoogle.visualization.DataView(数据);
view.setColumns([0,
1,{calc:function(dataTable,rowIndex){return getAnnotation(dataTable,rowIndex,1);},类型:“string”,角色:“annotation”},
2,{calc:function(dataTable,rowIndex){return getAnnotation(dataTable,rowIndex,2);},类型:“string”,角色:“annotation”},
]);
函数getAnnotation(dataTable、rowIndex、columnIndex){
返回dataTable.getFormattedValue(rowIndex,columnIndex)| null;
}
var chart=new google.visualization.BarChart($(“#chart_divclient”)[0]);
图表绘制(视图、选项);
});

您是在一个隐藏的容器中绘制图表,然后在以后显示它吗?例如在选项卡上还是什么?您可以继续构建图表,但要等到第一次绘制之前显示容器。不确定您使用的是什么,但我有一些示例。这是一个使用a的示例,另一个使用的是感谢您,我已经修复了它。您是否愿意在一个隐藏的容器中绘制图表,然后在以后显示?例如在选项卡或其他什么上?您可以继续构建图表,但要等到第一次绘制之前显示容器。不确定您使用的是什么,但我有一些示例。这是一个使用--另一个使用谢谢,我修复了它。