谷歌图表改变侧框的颜色

时间:2020-12-20 02:38:04

标签: javascript charts google-visualization

所以我正在使用 Google 图表柱形图https://developers.google.com/chart/interactive/docs/gallery/columnchart),我有一个关于图表上的颜色。

这里有两个问题

  1. 有谁知道如何改变外包装盒的颜色?我能够将条形上的颜色更改为橙​​色,但无法定位外框。

enter image description here

  1. 我正在使用 'Aug', 7283, 'color: #ff8a73' 来定义每个条形上的十六进制颜色,有没有人知道定义颜色的更好方法,或者这是正确的方法吗?

这里是JS代码:

google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(sle_interactions);

function sle_interactions() {
    var data = google.visualization.arrayToDataTable([
        ['Year', 'Interactions', { role: 'style' }],
        ['Aug',  7283, 'color: #ff8a73'],
        ['Sep',  8263, 'color: #ff8a73'],
        ['Oct',  9827, 'color: #ff8a73'],
        ['Nov',  9362, 'color: #ff8a73'],
        ['Dec',  10625, 'color: #ff8a73']
    ]);

    var options = {
        title: 'Interactions',
        is3D: true,
        backgroundColor: 'transparent',
        hAxis: {
            title: 'Timeframe',
        }
    };

    var chart = new google.visualization.ColumnChart(document.getElementById('sle_interactions'));
    chart.draw(data, options);
}

document.addEventListener('DOMContentLoaded', sle_interactions);

1 个答案:

答案 0 :(得分:0)

两个问题都已使用此解决:

var options = {
    title: 'Age Range',
    is3D: true,
    backgroundColor: 'transparent',
    hAxis: {
        title: 'Followers',
    },
    vAxis: {
        minValue: 0,
        maxValue: 100,
        format: "#.#'%'",
    },
    colors: ['#ff8a73'],
};
相关问题