Google visualization google列图表负值显示高亮显示或着色显示
我正在使用价格值在谷歌图表中显示,我需要一些东西,比如如果价格值为负值,那么该列将高亮显示或着色。 我用的是柱状图Google visualization google列图表负值显示高亮显示或着色显示,google-visualization,Google Visualization,我正在使用价格值在谷歌图表中显示,我需要一些东西,比如如果价格值为负值,那么该列将高亮显示或着色。 我用的是柱状图 <script type="text/javascript"> google.load('visualization', '1.0', { 'packages': ['corechart'] }); google.setOnLoadCallback(drawChart); function drawChart() {
<script type="text/javascript">
google.load('visualization', '1.0', { 'packages': ['corechart'] });
google.setOnLoadCallback(drawChart);
function drawChart() {
// Create the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Price');
data.addColumn('number', 'Rent Received');
data.addColumn('number', 'Actual Profit');
data.addColumn('number', 'Total Expenses');
data.addRows([
['Property 1', 250, -80, 589.26],
['Property 2', 250, 361.14, 589.26],
['Property 3', 100, 260, 500]
]);
// Set chart options
var options = {
width: 600,
height: 400,
legend: { position: 'top', maxLines: 3 }
};
// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div1'));
chart.draw(data, options);
}
</script>
您要做的是添加一个。特别是,您需要的是。此格式化程序根据值是否在指定范围内为单元格着色
已经说过,您可能需要考虑使用的图表类型。您的图例将为每列显示一种颜色。您的要求是根据值更改每列的颜色。。。这里有冲突。
是的,我无法更改颜色,因此我需要使用高亮或阴影部分。