javascript - Google Material 折线图 - 刻度

标签 javascript charts google-visualization material-design linechart

当使用“Cassic”折线图时,我可以为 hAxis 分配刻度,还有这样的格式和标题:

var options = {
    hAxis: {
    format:'h a',
    title: 'Time',
    ticks: [...range...]
    }
}

使用 Material 线图时是否可以做同样的事情?

到目前为止,我已经能够设置标题:

var options = {
    axes: {
      x: {
        0: {label: 'Time'}
      }
    }
}

最佳答案

我想分配刻度,因为我需要将开始和结束设置为特定日期,我在使用 Material 折线图时找到了另一种方法来实现这一点:

var lineChartOptions = {
    chart: {
        title: 'Chart Title'
    },
    axes: {
        y: {
            0: { label: 'Label 1' },
        },
        x: {
            0: { label: 'Label 2' },
            all: {
                range: {
                    max: new Date(...),
                    min: new Date(...)
                }
            }
        }
    },
    legend: { position: 'left' }
};

这对我有用。

关于javascript - Google Material 折线图 - 刻度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51659131/

相关文章:

r - 如何使用 Quantmod 在 ChartSeries 图上画一条线?

javascript - 如何在背景中使用图像而不是谷歌图表中每一列的颜色?

javascript - Google geochart 如何向右指针显示工具提示框

javascript - 为什么网站图标不可见

javascript - Atom Editor - 快速评论带有星号的 block ?

javascript - 如何在纯JavaScript中通过值获取数组的多个索引(值精确匹配)

javascript - 谷歌图表 : how do I style one point in a scatter chart?

javascript - pushState/popstate 的奇怪问题 - 初始页面似乎是 "pushed"两次

javascript - 如何使用选项从 Google 图表中删除轴?

python - 谷歌图表输入数据