宪章插件提示：添加标签的工具提示

Question

假设我有这样的数据，我的饼图，我要去使用GlobeGitter's Chartist Plugin Tooltip

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

我如何添加标签的价值在我的提示？提示的示例文本

RA：5

Answer 1

添加脚本和CSS来你的头

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

然后添加插件安装到你的选择是这样的：

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

认为'GlobeGitter的Chartist插件工具提示'与饼图不兼容，但您c使用'tooltipster'这里是一个例子 请访问jsbin.com/xojezu/edit?html,js,output