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];
            }

代码将是这样的,获取给定的索引并将数据传递给每个工具提示!