【问题标题】:The C3js tooltip valuesC3js 工具提示值
【发布时间】:2016-03-14 02:18: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 库 function (name, ratio, id, index) ,我们可以只使用索引来向每个数据插入数据:

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

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

【问题讨论】:

    标签: javascript jquery arrays c3.js


    【解决方案1】:

    由于 c3 库函数 (name, ratio, id, index) ,我们可以只使用索引来向每个数据插入数据:

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

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

    【讨论】:

      猜你喜欢
      • 2017-08-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-05-22
      • 1970-01-01
      相关资源
      最近更新 更多