Chartist Plugin Tooltip: das Etikett im Tooltip Hinzufügen

Question

Angenommen, ich habe diese Art von Daten für mein Kreisdiagramm und ich werde Gebrauch GlobeGitter's Chartist Plugin Tooltip

 var data = { 
      labels: ['ra','rb','rc','rd','re','rf'], 
      series: [5, 3, 4, 1, 6, 4] 
     }; 

Wie kann ich den Wert von Etiketten in meinem Tooltip hinzufügen? Beispieltext von Tooltip

ra: 5

Answer 1

Fügen Sie das Skript und CSS, um Ihren Kopf

<link rel="stylesheet" type="text/css" href="/css/chartist-plugin-tooltip.css" /> 
<script type="text/javascript" src="/js/chartist-plugin-pointlabels.js" /></script> 

Dann das Plugin in Ihre Optionen wie folgt hinzu:

new Chartist.Bar('#ct_chart', { 
    labels: ['ra','rb','rc','rd','re','rf'], 
    series: [5, 3, 4, 1, 6, 4] 

    }, { 
    plugins: [ 
    Chartist.plugins.tooltip() 
    ] 

}); 

Answer 2

Denken Sie, dass "GlobeGitters Chartist Plugin Tooltip" nicht mit Tortendiagrammen kompatibel ist, aber Sie c Eine Verwendung 'Tooltipster' hier ist ein Beispiel Besuchen Sie jsbin.com/xojezu/edit?html,js,output