C3js 工具提示值
The C3js tooltip values
到目前为止,我已经在 jsfiddle 中制作了这样的图表:http://jsfiddle.net/q8h39/111/
在每个绘图中包含一些自定义工具提示内容,因为我想在工具提示中添加额外的数据,我曾尝试使用 "indexOf()" 方法来完成这项工作,但没有成功。
tooltip: {
format: {
title: function(s) {
var indOfVal = coverageArr.indexOf(s);
return engagementArr[indOfVal - 1];
},
name:function(){
return engagementArr[0];
},
value: function(x) {
//var indOfVal = coverageArr.indexOf(x);
return engagementArr;//[indOfVal - 1]
},
},
},
我正在尝试将这些值应用到标题部分,但它不起作用。
我也可以更改工具提示颜色吗?每个地块的不同颜色
我找到了解决方法!
由于 c3 库 function (name, ratio, id, index) ,我们可以只使用索引来向每个数据插入数据:
value: function(value, ratio, id, index) {
return engagementArrNum[index - 0];
}
代码将是这样的,获取给定的索引并将数据传递给每个工具提示!
由于c3库函数(name, ratio, id, index) ,我们可以只使用索引来向每个数据插入数据:
value: function(value, ratio, id, index) {
return engagementArrNum[index - 0];
}
代码将是这样的,获取给定的索引并将数据传递给每个工具提示!
到目前为止,我已经在 jsfiddle 中制作了这样的图表:http://jsfiddle.net/q8h39/111/
在每个绘图中包含一些自定义工具提示内容,因为我想在工具提示中添加额外的数据,我曾尝试使用 "indexOf()" 方法来完成这项工作,但没有成功。
tooltip: {
format: {
title: function(s) {
var indOfVal = coverageArr.indexOf(s);
return engagementArr[indOfVal - 1];
},
name:function(){
return engagementArr[0];
},
value: function(x) {
//var indOfVal = coverageArr.indexOf(x);
return engagementArr;//[indOfVal - 1]
},
},
},
我正在尝试将这些值应用到标题部分,但它不起作用。
我也可以更改工具提示颜色吗?每个地块的不同颜色
我找到了解决方法!
由于 c3 库 function (name, ratio, id, index) ,我们可以只使用索引来向每个数据插入数据:
value: function(value, ratio, id, index) {
return engagementArrNum[index - 0];
}
代码将是这样的,获取给定的索引并将数据传递给每个工具提示!
由于c3库函数(name, ratio, id, index) ,我们可以只使用索引来向每个数据插入数据:
value: function(value, ratio, id, index) {
return engagementArrNum[index - 0];
}
代码将是这样的,获取给定的索引并将数据传递给每个工具提示!