gpt4 book ai didi

javascript - 谷歌图表 slantedText 和最小值不起作用

转载 作者:行者123 更新时间:2023-11-29 10:06:53 24 4
gpt4 key购买 nike

我正在使用谷歌图表。我想在 x 轴上设置文本,y 轴上的最小值应该是 0。经过一番谷歌搜索后,我输入了一些代码片段,但它无法正常工作。

这是我的代码:-

var data = google.visualization.arrayToDataTable(loadDaysLeadGraphData);
var options = {
hAxis: {
title: "Month",
textPosition: 'out',
slantedText: true,
slantedTextAngle: 90
},
vAxis: {
title: 'Revenue',
minValue: 0,
viewWindow: { min: 0 },
format: '0',
},
height: 260,
colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6']
};
var chart = new google.charts.Bar(document.getElementById('days-leads'));

chart.draw(data, options);

enter image description here

最佳答案

有许多选项根本不适用于 Material 图表,包括......

{hAxis,vAxis,hAxes.*,vAxes.*}.slantedText
{hAxis,vAxis,hAxes.*,vAxes.*}.slantedTextAngle
{hAxis,vAxis,hAxes.*,vAxes.*}.minValue

参见 --> Tracking Issue for Material Chart Feature Parity #2143


material 图表 --> google.charts.Bar -- packages:['bar']

核心 图表 --> google.visualization.ColumnChart -- packages:['corechart']


然而,对于核心图表,有一个选项...

主题:'material'

请参阅以下工作片段...

google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {
var loadDaysLeadGraphData = [
['Year', 'Value'],
['2005', 58],
['2006', 63],
['2007', 66],
['2008', 66],
['2009', 81],
['2010', 85],
['2011', 86],
['2012', 86],
['2013', 89],
['2014', 90],
['2015', 90]
];

var data = google.visualization.arrayToDataTable(loadDaysLeadGraphData);
var options = {
hAxis: {
title: "Month",
textPosition: 'out',
slantedText: true,
slantedTextAngle: 90
},
vAxis: {
title: 'Revenue',
minValue: 0,
viewWindow: { min: 0 },
format: '0',
},
height: 260,
colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'],
theme: 'material'
};
var chart = new google.visualization.ColumnChart(document.getElementById('days-leads'));

chart.draw(data, options);
}
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="days-leads"></div>

关于javascript - 谷歌图表 slantedText 和最小值不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41698437/

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