C3js 工具提示值

The C3js tooltip values

本文关键字：工具提示 C3js      更新时间：2023-09-26

到目前为止，我已经在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];
            }

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

由于 c3 库函数（名称、比率、id、索引），我们可以只使用索引来向每个数据插入数据：

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

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

相关文章：