- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我一直试图在图表的水平轴上显示所有标签,但我一直无法做到!
我尝试使用 hAxis.showTextEvery=1 但不起作用
(见 https://developers.google.com/chart/interactive/docs/gallery/columnchart)。
基本上,我还想显示上图中当前缺少的数字“5”、“7”和“9”。
这里是 JavaScript 代码,非常感谢。
<script type="text/javascript">
google.setOnLoadCallback(drawChart1);
function drawChart1(){
var data = new google.visualization.DataTable(
{
"cols":[
{"id":"","label":"ratings","type":"number"},
{"id":"","label":"# of movies","type":"number"}],
"rows":[
{"c":[{"v":9},{"v":26}]},
{"c":[{"v":8},{"v":64}]},
{"c":[{"v":10},{"v":5}]},
{"c":[{"v":7},{"v":50}]},
{"c":[{"v":6},{"v":38}]},
{"c":[{"v":5},{"v":10}]},
{"c":[{"v":2},{"v":1}]},
{"c":[{"v":4},{"v":1}]}
]});
var options = {
"title":"Rating distribution",
"vAxis":{"title":"# of movies","minValue":0},
"hAxis":{"title":"Ratings","maxValue":10},"legend":"none","is3D":true,"width":800,"height":400,"colors":["red"]
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart_movies_per_rating'));chart.draw(data, options);
}
</script>
<script type="text/javascript">
google.setOnLoadCallback(drawChart1);
function drawChart1(){
var data = new google.visualization.DataTable(
{"cols":
[{"id":"","label":"ratings","type":"string"},
{"id":"","label":"# of movies","type":"number"}],
"rows":
[{"c":[{"v":"0"},{"v":0}]},
{"c":[{"v":" 1"},{"v":0}]},
{"c":[{"v":" 2"},{"v":1}]},
{"c":[{"v":" 3"},{"v":0}]},
{"c":[{"v":" 4"},{"v":1}]},
{"c":[{"v":" 5"},{"v":10}]},
{"c":[{"v":" 6"},{"v":38}]},
{"c":[{"v":" 7"},{"v":50}]},
{"c":[{"v":" 8"},{"v":64}]},
{"c":[{"v":" 9"},{"v":26}]},
{"c":[{"v":" 10"},{"v":5}]}
]
}
);
var options =
{"title":"Rating distribution",
"vAxis":{"title":"# of movies","minValue":0},
"hAxis":{"title":"Ratings","maxValue":10},
"legend":"none",
"is3D":true,
"width":800,
"height":400,
"colors":["CC0000"]};
var chart = new google.visualization.ColumnChart(document.getElementById('chart_movies_per_rating'));
chart.draw(data, options);
}
</script>
最佳答案
您的问题与 ColumnChart
中连续与离散的细微差别有关。 .基本上,您的 hAxis
上的标签具有连续值。 ,以及 showTextEvery
仅适用于离散的。为了解决这个问题,我将执行以下操作:
{"id":"","label":"ratings","type":"string"},
var data = new google.visualization.DataTable(
{
"cols":[
{"id":"","label":"ratings","type":"string"},
{"id":"","label":"# of movies","type":"number"}],
"rows":[
{"c":[{"v":'10'},{"v":5}]},
{"c":[{"v":'9'}, {"v":26}]},
{"c":[{"v":'8'}, {"v":64}]},
{"c":[{"v":'7'}, {"v":50}]},
{"c":[{"v":'6'}, {"v":38}]},
{"c":[{"v":'5'}, {"v":10}]},
{"c":[{"v":'4'}, {"v":1}]},
{"c":[{"v":'3'}, {"v":0}]},
{"c":[{"v":'2'}, {"v":1}]},
{"c":[{"v":'1'}, {"v":0}]},
]});
var options = {
"title":"Rating distribution",
"vAxis":{"title":"# of movies","minValue":0},
"hAxis":{"title":"Ratings",showTextEvery:1},
"legend":"none",
"width":800,"height":400,"colors":["red"]
};
关于google-visualization - 柱状图 : how to show all labels on horizontal axis,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17742651/
我计划为游戏的标记(图钉)构建在线 map ,但我无法设置标记的正确纬度。 原始 map 是一个2048*2048px的正方形 然后我得到了标记(数千个) map 坐标用 0 到 100 之间的 x、
数据可视化在数据分析和呈现方面起着重要的作用,而Python作为一种强大的编程语言,提供了多种库和工具,可以轻松创建各种类型的图表。本文将为您提供Python画图代码大全,包含常用的折线图、柱状图、饼
统计图形种类繁多, 有柱状图, 折线图, 扇形图等等, 而统计图形的绘制方法也有很多, 有flash制作的统计图形, 有水晶报表生成统计图形, 有专门制图软件制作, 也有编程语言自己制作的;这里我们
jpgraph简介 jpgraph是开源的php统计图表生成库,基于php的gd2图形库构建,把生成统计图的相关操作封装,隐藏了部分复杂的操作,使在php页面上输出统计图表变得更加容易。jpgra
请参阅下面的图表。我正在以编程方式构建图表,所以请不要使用 asp.net 控制语法。 如何更改横条后面水平和垂直交叉的网格线颜色?如您所见,我已经找到了如何更改实际轴颜色的方法,但网格颜色仍为黑色。
我一直试图在图表的水平轴上显示所有标签,但我一直无法做到! 我尝试使用 hAxis.showTextEvery=1 但不起作用 (见 https://developers.google.com/cha
我是一名优秀的程序员,十分优秀!