Javascript Google可视化：节点不工作的组织结构图背景色_Javascript_Charts_Google Visualization

Javascript Google可视化：节点不工作的组织结构图背景色

javascript charts google-visualization

Javascript Google可视化：节点不工作的组织结构图背景色,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我正在使用谷歌组织结构图创建一个组织结构图，每个人都有不同颜色的方框。但是，我无法使“样式”或“selectedStyle”在背景色的data.setRowProperty中工作。它适用于边界属性。我不熟悉javascript和谷歌可视化，所以如果这是显而易见的，我深表歉意 <head> <script type='text/javascript' src='https://www.google.com/jsapi'></script> <

我正在使用谷歌组织结构图创建一个组织结构图，每个人都有不同颜色的方框。但是，我无法使“样式”或“selectedStyle”在背景色的data.setRowProperty中工作。它适用于边界属性。我不熟悉javascript和谷歌可视化，所以如果这是显而易见的，我深表歉意

<head>
    <script type='text/javascript' src='https://www.google.com/jsapi'></script>
    <script type='text/javascript'>
      google.load('visualization', '1', {packages:['orgchart']});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
      var data = new google.visualization.DataTable();
      data.addColumn('string', 'Name');
      data.addColumn('string', 'Manager');
      data.addColumn('string', 'ToolTip');
      data.addRows([
        [{v:'Row0', f:'Row0'}, '', 'The President'],
        [{v:'Row1', f:'Row1<div style="color:red; font-style:italic">Vice
                President</div>'}, 'Row0', 'VP'],
          ['Row2', 'Row0', ''],
          ['Row3', 'Row0', ''],
          ['Row4', 'Row0', ''],
          ['Row5', 'Row0', ''],
          ['Row6', 'Row1', 'Bob Sponge']
          ]);
// This works and puts a border round the node
        data.setRowProperty(3, 'style', 'border: 1px solid red');

// Neither of these work
        data.setRowProperty(4, 'style', 'background-color:red');
        data.setRowProperty(5, 'selectedStyle', 'background-color:red');

        var chart = new 
           google.visualization.OrgChart(document.getElementById('chart_div'));
        chart.draw(data, {allowHtml:true});
    }
    </script>
</head>
<body>
    <div id='chart_div'></div>
</body>
</html>


load（'visualization'，'1'，{packages:['orgchart']}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Name'）；
data.addColumn（'string'，'Manager'）；
data.addColumn（'string'，'ToolTip'）；
data.addRows([
[{v:'Row0'，f:'Row0'}，，'The President']，
[{v:'Row1'，f:'Row1
主席“}，'第0行“，”副主席“]，
['Row2'、'Row0'、'']，
['Row3'、'Row0'、'']，
['Row4'、'Row0'、'']，
['Row5'、'Row0'、'']，
['Row6'、'Row1'、'Bob海绵']
]);
//这会起作用，并在节点周围放置边框
setRowProperty（3，“样式”，“边框：1px实心红色”）；
//这两种方法都不管用
setRowProperty（4，“样式”，“背景色：红色”）；
setRowProperty（5，“selectedStyle”，“背景色：红色”）；
var图表=新
org图表（document.getElementById（'chart_div'）；
chart.draw（数据，{allowtml:true}）；
}

它工作正常，问题是节点具有背景图像属性，所以您不会将其视为红色。因此，为了能够以红色查看节点，还需要将背景图像设置为“无”。这应该起作用：

      data.setRowProperty(4, 'style', 'background-color:red;background-image:none');
      data.setRowProperty(5, 'selectedStyle', 'background-color:red;background-image:none');

      data.setRowProperty(4, 'style', 'background-color:red;background-image:none');
      data.setRowProperty(5, 'selectedStyle', 'background-color:red;background-image:none');

你应该用背景：红色而不是背景颜色：红色

太棒了！它起作用了。非常感谢，太棒了！它起作用了。非常感谢。我正在谷歌可视化表上尝试同样的解决方案。但这似乎不起作用。有什么想法吗？我正在谷歌可视化表上尝试同样的解决方案。但这似乎不起作用。有什么想法吗？