javascript - d3词云指定个别词颜色

Question

我用的是京东词云d3库。我了解如何更改云的颜色。为此，我使用以下代码:

  ProductDetailView.prototype._drawCloud = function() {
    function draw(words) {
      var colors = [
        '#3498DB', '#1478BB', '#00589B', '#54A8FB', '#74C8FF'
      ];

但是，我希望能够为某些单词指定颜色。我不清楚如何执行此操作，但我在网上找到了一个示例，表明这是可能的:

http://community.qlik.com/message/265261#265261

谁能解释我如何指定云中某些单词的颜色？例如，我希望我的云中的所有共和党人都被涂成红色。我知道哪些词是共和党人。我如何指定它们的颜色？

Answer 1

我是这样做的:

1) 在 loadWords() 中映射我想分配给特定对象的任何颜色

function loadWords(){
    var word1 = {
            text: 'word',
            size: 32,
            color:'#FF00FF'
            };
    var word2 = {
            text: 'word2',
            size: 45,
            color:'#3498DB'
            };
    return [word,word2]
    }

  d3.layout.cloud().size([300, 300])
      .words(loadWords())
      ...
      .start();

2)定义映射函数

  function fillColor(d,i){
      return d.color;
  }

3) 并在 function draw(words) {... 添加这个

        .style("fill", fillColor)