javascript - Google Charts 多个 vAxis textStyle 和 textPosition 的错误

Question

我将评估 4-5 个在我们的网络应用中添加图表的解决方案。

HighCharts 看起来不错，Google Charts 也不错，但对于 Google Charts，我无法找到如何设置显示哪些 vAxis(以及样式)以及哪些不显示。

这是我的选项代码:

    var options = {
        title: '',
        backgroundColor:'#555',
        chartArea: {
            backgroundColor: '#555',
            alignment: 'center',
            }
        },
        legend:{position:'top'},
        vAxis: {
            0: { title: "", logScale: true, maxValue: 1150, minValue: 600, textStyle: {color:'black'} },
            1: { title: "", logScale: true, textPosition: 'none', maxValue: 32, minValue: 30 },
            2: { title: "", logScale: true, textPosition: 'none', maxValue: 2000, minValue: 1000 },
            3: { title: "", logScale: true, textPosition: 'none', maxValue: 5 },
            4: { title: "", logScale: true, textPosition: 'none', maxValue: 5 },
            5: { title: "", logScale: true, textPosition: 'none', maxValue: 5200, minValue: 4200 },
            6: { title: "", logScale: true, textPosition: 'none', maxValue: 14, minValue: 13 },
            7: { title: "", logScale: true, textPosition: 'none', maxValue: 17000, minvalue: 12000 }
            , textStyle: { color: 'orange' }
        },
        hAxis: { title: "", textColor: "#fff" },

所有 vAxis 的 textStyle: { color: 'orange' } 工作正常。同上，如果我为所有人写 textPosition:"none"。但对于每个 vAxis，我无法使 textStyle 和 textPosition 工作。在这里，textStyle: {color:'black'} 没有任何效果(即使我删除了 textStyle: { color: 'orange' })。

有人遇到过这个问题吗？请问我该如何纠正这个问题？

谢谢。

Answer 1

解决方案非常简单，您使用 vAxis 而不是 vAxes ，这是您需要用于多个 vAxes 的解决方案。所以正确的用法是:

vAxes: {
        0: { title: "", logScale: true, maxValue: 1150, minValue: 600, textStyle: {color:'black'} },
        1: { title: "", logScale: true, textPosition: 'none', maxValue: 32, minValue: 30 },
        2: { title: "", logScale: true, textPosition: 'none', maxValue: 2000, minValue: 1000 },
        3: { title: "", logScale: true, textPosition: 'none', maxValue: 5 },
        4: { title: "", logScale: true, textPosition: 'none', maxValue: 5 },
        5: { title: "", logScale: true, textPosition: 'none', maxValue: 5200, minValue: 4200 },
        6: { title: "", logScale: true, textPosition: 'none', maxValue: 14, minValue: 13 },
        7: { title: "", logScale: true, textPosition: 'none', maxValue: 17000, minvalue: 12000 }
        , textStyle: { color: 'orange' }
    },