C3js自定义散点图的工具提示

时间:2016-03-12 10:19:33

标签: javascript jquery arrays c3.js

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

但我需要在图表中包含一些额外信息(例如:自定义名称和额外的计数值)** 为每个提供不同的颜色情节。

我尝试创建一个数组并使用这样的工具提示库,但我还没有达到目标。

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

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

请参阅JSfiddle代码了解更多详情,非常感谢

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

Current

enter image description here

1 个答案:

答案 0 :(得分:1)

我已经浏览了jsfiddle链接,这有两个问题: -

  1. c3js图库旧了
  2. c3js不提供开箱即用的功能,但您可以使用技巧实现此功能。
  3. 我已修复了上述两个问题,现在工作正常。 的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];
               }
           },
    
       },