格式化Google Charts时间轴的横轴?

时间:2018-06-05 16:30:46

标签: javascript html google-visualization

根据options available for the Timelines Chart,无法自定义水平轴(它是根据您通过DataTabe的日期(时间)对象生成的)。经过许多小时的谷歌搜索,我发现你可以在有限的范围内定制它。不幸的是,它仍然没有达到我的需要。例如,您可以设置hAxis的最小/最大值*

hAxis: {
    maxValue: new Date("2018-06-05T24:00:00"), 
    minValue: new Date("2018-06-05T00:00:00")
}

enter image description here

或设置格式

format: "h\naa"

enter image description here

但是,我还没有找到一种方法来删除“次要”(非粗体)文本而不在'ready'上添加事件监听器,并为我想隐藏的特定元素将显示样式设置为none

function onReady() {
    var siblings = getNextElementSiblings(document.getElementById("defs"));

    for (var i = 0; i < siblings.length; i++) {
        var sibling = siblings[i]; // g

        for (var j = 0; j < sibling.children.length; j++) {
            var child = sibling.children[j];

            if (child.tagName.toLowerCase() == "text") {
                if (!isNaN(child.textContent)) {
                    if (child.textContent != 12) {
                        child.style.display = "none";
                    }
                }
            }
        }
    }
}

enter image description here

是否有更好的(可能是文档化的)方法来做到这一点?

0 个答案:

没有答案