2016-03-12 113 views
0

我在JSfiddle(http://jsfiddle.net/q8h39/102/) 中創建了一個散點圖,它正在進行二維數據分析。C3js定製散點圖工具提示

但我需要包含一些額外信息:在圖表中(例如自定義名稱和一個額外的計數值)**和給不同的顏色爲每個地塊。

我試圖創建一個數組,並使用這樣的工具提示庫,但我仍然沒有達到目標。

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

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

請參閱有關進一步詳情的jsfiddle代碼,非常感謝

下面是當前結果和開發後的異常異常

Current

enter image description here

+0

那麼你可以說你想怎麼顯示值.. –

+0

我已經更新了我的問題,我知道我可能無法得到一切工作正如我除了上面,但至少我可以滿足幾個要求。 – anson920520

回答

1

我有通過jsfiddle鏈接,有兩個問題與此: -

  1. c3js庫是老
  2. c3js不提供此功能開箱即用,但你可以做到這一點使用技巧。

我已經修復了上述給定的問題,現在它工作正常。 的jsfiddle: - http://jsfiddle.net/q8h39/109/

用於設置tooltip代碼: -

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

    }, 
+0

謝謝!!我能改變他們的顏色嗎? – anson920520

相關問題