Google visualization 谷歌图表Api-自定义轴步骤
我有我的图表工作正常,但我想使用我的垂直y轴自定义步骤。目前,它似乎是自动的,间隔如下:Google visualization 谷歌图表Api-自定义轴步骤,google-visualization,Google Visualization,我有我的图表工作正常,但我想使用我的垂直y轴自定义步骤。目前,它似乎是自动的,间隔如下: 1,500,000 3,000,000 4,500,000 我希望是: 100,000 200,000 300,000 and so on... 有没有什么方法可以设置这个,我已经看过所有的文档,但没有弄清楚 这是我的密码: var chart = new google.visualization.LineChart(document.getElementById('chart'));
1,500,000
3,000,000
4,500,000
我希望是:
100,000
200,000
300,000
and so on...
有没有什么方法可以设置这个,我已经看过所有的文档,但没有弄清楚
这是我的密码:
var chart = new google.visualization.LineChart(document.getElementById('chart'));
chart.draw(chartData, { width: 1600, height: 900, title: 'Company Performance',
yAxis: { gridlineColor: '#ff0000' },
xAxis: { gridlineColor: '#ff0000' }
}
);
我的数据是公司每年每周的利润,y轴是利润,x轴是周数
希望有人能帮忙
Paul您好,请参考谷歌图表api。根据您的要求,有几个参数可用,如 chbh=钢筋宽度和间距 chco=系列颜色 chd=图表数据字符串 chdl,chdlp,chdls=图表图例文本和样式 具有自定义范围的文本格式的chds比例 化学=动态图标标记 更多信息
您好,请参考谷歌图表api。根据您的要求,有几个参数可用,如 chbh=钢筋宽度和间距 chco=系列颜色 chd=图表数据字符串 chdl,chdlp,chdls=图表图例文本和样式 具有自定义范围的文本格式的chds比例 化学=动态图标标记 更多信息 我就是这样做的:
var options = {
vAxis: { // same thing for horisontal, just use hAxis
viewWindow: { // what range will be visible
max: 120,
min: 0
},
gridlines: {
count: 12 // how many gridlines. You can set not the step, but total count of gridlines.
}
}
};
一切都好 我就是这样做的:
var options = {
vAxis: { // same thing for horisontal, just use hAxis
viewWindow: { // what range will be visible
max: 120,
min: 0
},
gridlines: {
count: 12 // how many gridlines. You can set not the step, but total count of gridlines.
}
}
};
一切都好 据我所知,谷歌图表设置无法自动完成此操作 我已经编写了一个javascript函数来实现这一点 要使用它,可以创建一个漂亮的序列,用作垂直轴的记号:
var prettyTicks = getChartTicks(0, chartData.getColumnRange(1).max);
应更改X轴的行以应用记号:
yAxis: { gridlineColor: '#ff0000', ticks: prettyTicks },
下面是创建记号的javascript方法。它将为每个值10创建一个刻度,如果这会创建太多的刻度,那么它将为每100或1000等创建一个刻度
// Creates an array of values that can be used for the tick property of the Google Charts vAxis
// The values provide a nice scale to have a clean view.
var getChartTicks = function (min, max) {
// settings
var maxTicks = 8;
var tickSize = 10;
// determine the range of the values and the number of ticks
var newMin;
var newMax;
var nrOfTicks;
var appliedTickSize = 1;
while (newMin == null || nrOfTicks > maxTicks) {
appliedTickSize *= tickSize;
newMin = Math.floor(min / appliedTickSize) * appliedTickSize;
newMax = Math.ceil(max / appliedTickSize) * appliedTickSize;
nrOfTicks = (newMax - newMin) / appliedTickSize;
}
// generate the tick values which will be applied to the axis
var ticks = new Array();
var i = 0;
for (var v = newMin; v <= newMax; v += appliedTickSize) {
ticks[i++] = v;
}
return ticks;
}
就我所知,谷歌图表设置无法自动完成这项工作 我已经编写了一个javascript函数来实现这一点 要使用它,可以创建一个漂亮的序列,用作垂直轴的记号:
var prettyTicks = getChartTicks(0, chartData.getColumnRange(1).max);
应更改X轴的行以应用记号:
yAxis: { gridlineColor: '#ff0000', ticks: prettyTicks },
下面是创建记号的javascript方法。它将为每个值10创建一个刻度,如果这会创建太多的刻度,那么它将为每100或1000等创建一个刻度
// Creates an array of values that can be used for the tick property of the Google Charts vAxis
// The values provide a nice scale to have a clean view.
var getChartTicks = function (min, max) {
// settings
var maxTicks = 8;
var tickSize = 10;
// determine the range of the values and the number of ticks
var newMin;
var newMax;
var nrOfTicks;
var appliedTickSize = 1;
while (newMin == null || nrOfTicks > maxTicks) {
appliedTickSize *= tickSize;
newMin = Math.floor(min / appliedTickSize) * appliedTickSize;
newMax = Math.ceil(max / appliedTickSize) * appliedTickSize;
nrOfTicks = (newMax - newMin) / appliedTickSize;
}
// generate the tick values which will be applied to the axis
var ticks = new Array();
var i = 0;
for (var v = newMin; v <= newMax; v += appliedTickSize) {
ticks[i++] = v;
}
return ticks;
}
同样的问题。我不明白如何使用骑士所提到的chxs设置,我在这里回答了同样的问题。我不明白如何使用骑士回答中提到的chxs设置