你可以在这个小提琴中看到
在2004年,我具有1000的值,在其他年份中,我具有较大的值,由于这个原因,图表似乎无法绘制比例,我该怎么做才能显示这些值。我在读这篇。有没有办法在Google图表中做类似的事情?
这是代码
<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 = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses'],
['2004', 1000, 1000],
['2005', 1170000, 460000],
['2006', 660000, 1120000],
['2007', 1030000, 540000]
]);
var options = {
title: 'Company Performance',
hAxis: {title: 'Year', titleTextStyle: {color: 'red'}}
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
</body>
</html>
图表
Google Chart的轴可以选择将比例尺设置为对数,这更适合最小值和最大值之间的较大差异。请注意,所有值都必须为正,并且如果数据值为1,则对数刻度从1或更高开始将不会显示。要更改它,请使用:
vAxis: {title: 'Year', titleTextStyle: {color: 'red'}, logScale:true}
您可以在配置选项部分中找到文档:
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句