Javascript Google可视化API-将颜色设置为特定点
有人知道如何将特定颜色设置为图表上的某个点吗 例如:Javascript Google可视化API-将颜色设置为特定点,javascript,google-visualization,Javascript,Google Visualization,有人知道如何将特定颜色设置为图表上的某个点吗 例如: 您必须声明用于柱状图的所有颜色。没有理由不能用一种不同的方式复制它们,比如['blue'、'blue'、'blue'、'red'、'blue']或者你拥有的其他东西 这在“颜色”下进行了解释。没有关于更改每个条颜色的官方文档,但是有一个简单的技巧可以实现这一点。您可以使用isStacked:true并重叠两条线。如果您只需要其他颜色,请使用第二条 代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
您必须声明用于柱状图的所有颜色。没有理由不能用一种不同的方式复制它们,比如
['blue'、'blue'、'blue'、'red'、'blue']
或者你拥有的其他东西
这在“颜色”下进行了解释。没有关于更改每个条颜色的官方文档,但是有一个简单的技巧可以实现这一点。您可以使用
isStacked:true
并重叠两条线。如果您只需要其他颜色,请使用第二条
代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>
Google Visualization API Sample
</title>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {packages: ['corechart']});
</script>
<script type="text/javascript">
function drawVisualization() {
// Create and populate the data table.
var data = new google.visualization.DataTable();
// Add columns
data.addColumn('string', 'Category');
data.addColumn('number', 'value');
data.addColumn('number','value');//Used for red bar
data.addRows(5);
data.setCell(0, 0, 'Category 1');
data.setCell(0, 1, 4.25);
data.setCell(1, 0, 'Category 2');
data.setCell(1, 1, 2.5);
data.setCell(2, 0, 'Category 3');
data.setCell(2, 1, 3.5);
data.setCell(3, 0, 'Category 4');
data.setCell(3, 2, 4.5);//Used because we need red or other color bar
data.setCell(4, 0, 'Category 5');
data.setCell(4, 1, 3.75);
// Create and draw the visualization.
new google.visualization.ColumnChart(document.getElementById('visualization')).
draw(data,{isStacked: true});
}
google.setOnLoadCallback(drawVisualization);
</script>
</head>
<body style="font-family: Arial;border: 0 none;">
<div id="visualization" style="width: 600px; height: 400px;"></div>
</body>
</html>
谷歌可视化API示例
load('visualization','1',{packages:['corechart']});
函数drawVisualization(){
//创建并填充数据表。
var data=new google.visualization.DataTable();
//添加列
data.addColumn('string','Category');
data.addColumn('number','value');
data.addColumn('number','value');//用于红色条
数据。添加行(5);
setCell(0,0,'Category 1');
数据集单元(0,1,4.25);
数据集单元(1,0,'类别2');
数据集单元(1,1,2.5);
数据集单元(2,0,'类别3');
数据集单元(2,1,3.5);
数据集单元(3,0,'类别4');
data.setCell(3,2,4.5);//之所以使用,是因为我们需要红色或其他颜色条
数据集单元(4,0,'Category 5');
数据集单元(4,1,3.75);
//创建并绘制可视化。
新的google.visualization.ColumnChart(document.getElementById('visualization'))。
绘制(数据,{isStacked:true});
}
setOnLoadCallback(drawVisualization);
您可以在这里查看快速演示
谢谢你的回复,但这没用。我在图表中使用了一个系列,我需要强调其中的一点<代码>颜色选项用于指定每个系列的颜色,而不是每个点的颜色。