gpt4 book ai didi

charts - 如何在列顶部显示值 Google Chart API

转载 作者:行者123 更新时间:2023-12-01 02:38:48 26 4
gpt4 key购买 nike

我想在我的柱状图顶部显示值
就像在这张图片中一样:

expected chart

但我想使用新的 Google Chart API 向他们展示。
这是the site 和它的 source code .

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Month');
data.addColumn('number','a');
data.addColumn('number','v');
data.addColumn('number','c');
data.addColumn('number','e');
data.addRows(5);
data.setCell(0, 0, 'dfa');
data.setCell(1, 0, 'Sdfa');
data.setCell(2, 0, 'Mdz');
data.setCell(3, 0, 'sd');
data.setCell(4, 0, 'Rsdr');
data.setCell(0, 1, 114);
data.setCell(1, 1, 723);
data.setCell(2, 1, 238);
data.setCell(3, 1, 509);
data.setCell(0, 2, 636);
data.setCell(1, 2, 410);
data.setCell(2, 2, 395);
data.setCell(3, 2, 668);
data.setCell(0, 3, 508);
data.setCell(1, 3, 709);
data.setCell(2, 3, 686);
data.setCell(3, 3, 533);
data.setCell(0, 4, 643);
data.setCell(1, 4, 737);
data.setCell(2, 4, 964);
data.setCell(3, 4, 945);
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')).
draw(data,
{title:"Parc localisé par région et par offre",
width:500, height:300,
series: {0:{color: '#CF0980', visibleInLegend: true}, 1:{color: '#999999', visibleInLegend: true}, 2:{color: '#990099', visibleInLegend: true}, 3:{color: '#FF99CC', visibleInLegend: true}},isStacked:"true"});}
</script>
</head>
<body><div id="chart_div"></div>
</body>
</html>

最佳答案

只需添加

annotations: {
alwaysOutside: true
}

到配置对象

关于charts - 如何在列顶部显示值 Google Chart API,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9098322/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com