C3js工具提示值

时间:2016-03-14 02:18:26

标签: javascript jquery arrays c3.js

到目前为止,我已经在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库函数(名称,比率,id,索引),我们可以使用索引来向每个数据插入数据:

 value: function(value, ratio, id, index) {
        return engagementArrNum[index - 0];
            }

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

1 个答案:

答案 0 :(得分:0)

由于c3库函数(名称,比率,id,索引),我们只需使用索引就可以向每个数据插入数据:

 value: function(value, ratio, id, index) {
        return engagementArrNum[index - 0];
            }

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