Raphael JS - 饼图作为颜色选择器

时间:2013-11-08 10:09:13

标签: charts raphael color-picker

我使用RaphaeJs显示从饼图中的图像中提取的颜色。 我正在寻找一种方法来显示警报(例如),点击构成图表的其中一个封面。

我尝试了下面的代码但没有成功。

var clickSomeSlice = function() {
    console.log(this.attrs.fill);
};
for (var index_i = 0; index_i < myChartPie.covers.length; index_i++) {
    myChartPie.covers[index_i].click(clickSomeSlice);
}

解决:

Rapahel JS使用#000填充颜色生成封面并将其放置在每种颜色上方,我发现颜色存储在系列属性中,由颜色和封面构成

for (var index_i = 0; index_i < myChartPie.covers.length; index_i++) {
    myChartPie.covers[index_i].click(function(){
        console.log(myChartPie.series[this.id-data.length].attrs.fill);
    });
}

1 个答案:

答案 0 :(得分:0)

修改

for (var index_i = 0; index_i < myChartPie.covers.length; index_i++) {
    myChartPie.covers[index_i].click(function(){            
         // look in the console in javascript debugger to see if the object has a color 
         console.log(this);
    });
}