Charts 图表中看不见的动词
我是谷歌图表的新手,我正在尝试使用堆叠条形图, 我是谷歌图表的新手,我正在尝试使用堆叠条形图 它工作得很好 但是vAxis值没有显示在图表中 有什么解决办法吗, 谢谢 这是我的剧本: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
<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的示例,另一个使用的是感谢您,我已经修复了它。您是否愿意在一个隐藏的容器中绘制图表,然后在以后显示?例如在选项卡或其他什么上?您可以继续构建图表,但要等到第一次绘制之前显示容器。不确定您使用的是什么,但我有一些示例。这是一个使用--另一个使用谢谢,我修复了它。