gpt4 book ai didi

javascript - 如何为谷歌图表中的特定栏设置特定颜色?

转载 作者:行者123 更新时间:2023-11-29 23:37:31 25 4
gpt4 key购买 nike

<分区>

如何为 Google 图表中的特定条形设置特定颜色?

我尝试应用这种着色样式,但似乎没有任何效果!

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="barchart_material" style="width: 'auto'; height: 500px;"></div>

JavaScript

google.charts.load('current', {'packages':['bar']});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {
var data = google.visualization.arrayToDataTable([
['Statistics', 'Amount', { role: 'style' }],
['Categories', 5, '#D9534F'],
['Posts', 4, '#337AB7'],
['Comments', 8, '#5CB85C'],
['Users', 3, '#F0AD4E'],
]);

var options = {
chart: {
title: 'Analysis',
subtitle: '',
},
/* colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'], // Another coloring method*/
bars: 'horizontal' // Required for Material Bar Charts.
};

var chart = new google.charts.Bar(document.getElementById('barchart_material'));

chart.draw(data, google.charts.Bar.convertOptions(options));
}

我认为此列表包含着色功能,目前不支持...如果您认为这不是真的,请回答! https://github.com/google/google-visualization-issues/issues/2143至于“经典”图表,那么@عارف بن الأرو 提供的解决方案肯定适用于这些图表。然而,我对它们从来不感兴趣!

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com