2016-11-16 9 views
6

मैं चार्ट js v2 टूलटिप कॉलबैक अंदर एक लाइन ब्रेक जोड़ने के लिए कोशिश कर रहा हूँचार्ट js v2 टूलटिप कॉलबैक लाइन टूट जाता है

मेरी कोड:

var myChart = new Chart(ctx, { 
    type: 'line', 
    data: data, 
    options: { 
    tooltips: { 
     callbacks: { 
     label: function(tooltipItem, data) { 
      var tooltip = "example tooltip"; 
      var otherTooltip = "other tooltip"; 
      return tooltip + "\n\r" + otherTooltip; 
     } 
     } 
    } 
    } 
}); 

\r, \n या दोनों के संयोजन का उपयोग करना नहीं है काम कर रहा है, किसी को भी कोई विचार है?

मैं चार्ट जेएस v2.3.0 का उपयोग कर रहा हूं।

अद्यतन

मैं समस्या को सुलझा लिया!

स्ट्रिंग की सरणी के लिए टूलटिप टेक्स्ट कनवर्ट (मैं ऊपर मेरी कोड से आगे बढ़ जा रहा हूँ) , उदा,

... 
label: function(tooltipItem, data) { 
    var firstTooltip = "tooltip1"; 
    var otherTooltip = "tooltip2"; 
    var tooltip = new Array(firstTooltip, otherTooltip); 
    return tooltip; 
} 

और देखा!

अब टूलटिप में लाइन ब्रेक है।

उत्तर

-2

प्रयास करें उपयोग:

return tooltip + "<br />" + otherTooltip; 
+1

कॉलबैक एचटीएमएल टैग संसाधित नहीं कर सकता (मेरे अद्यतन उत्तर देखें, मैं इसे अपने आप ठीक करने के बाद) –

6

तरह से यह करने के लिए, बस टूलटिप संपत्ति है कि तार की एक सरणी देता है के लिए एक कॉलबैक फ़ंक्शन जोड़ रहा है, तार में से हर एक एक नई लाइन में रखा जाएगा।

tooltips: { 
      callbacks: { 
       label: function (tooltipItem, data) { 
        return ['first thing', 'another thing', 'and another one']; 

       } 
      } 
      } 

इस jsfiddle देखें ...

https://jsfiddle.net/alelase/6f8wrz03/3/

+0

यह काम करता है लेकिन यह शायद चाहता था नहीं कर रहा है प्रत्येक बार – John

+1

@ जॉन पर किंवदंती प्रतीक रखने के लिए यदि आप प्रत्येक पंक्ति में किंवदंती प्रतीक नहीं चाहते हैं तो लेबल के बजाय शीर्षक कॉलबैक का उपयोग करें। उपरोक्त कोड में आप परिणामों को देखने के लिए "शीर्षक" द्वारा "लेबल" बदल सकते हैं। –

संबंधित मुद्दे