Google visualization 谷歌图表Api-自定义轴步骤

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'));

我有我的图表工作正常,但我想使用我的垂直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'));
            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设置