C3js自定义散点图工具提示

Question

我在 JSfiddle 中创建了这样的散点图 (http://jsfiddle.net/q8h39/102/) 这是做二维数据分析。

但我需要在图表中包含一些额外信息（例如：自定义名称和额外计数值）**和为每个图赋予不同的颜色。

我尝试创建一个数组并像这样使用工具提示库，但我仍然没有达到目标。

    var nameArr = ['anson','jason','samson','dickson']; // Names

          tooltip: {
                format: {
                    title: function (d) { return nameArr; },  
                }
            }

请查看 JSfiddle 代码了解更多详情，非常感谢

下面是当前结果和开发后的异常异常

Answer 1

我已经浏览了 jsfiddle link 并且有两个问题：-

c3js 库很旧
c3js 不提供开箱即用的此功能，但您可以使用技巧来实现此功能。

我已经解决了上述两个问题，现在一切正常。 jsfiddle:- http://jsfiddle.net/q8h39/109/

工具提示设置代码：-

       tooltip: {
       format: {
           title: function(x) {
               var indOfVal = engagmentArr.indexOf(x);
               return nameArr[indOfVal - 1]
           },
           name: function() {
               return engagmentArr[0];
           }
       },

   },

C3js自定义散点图工具提示

C3js customize tooltip of scatter chart

javascript

arrays

jquery

c3.js