Javascript 图表列表-将文本添加到圆环图的中心
我正在尝试创建一个中间有文本的甜甜圈图表。我需要油炸圈饼图表如下所示: 总值是我传递给创建图表的函数的变量。到目前为止,这就是我所拥有的: 上图的代码如下所示:Javascript 图表列表-将文本添加到圆环图的中心,javascript,css,charts,chartist.js,Javascript,Css,Charts,Chartist.js,我正在尝试创建一个中间有文本的甜甜圈图表。我需要油炸圈饼图表如下所示: 总值是我传递给创建图表的函数的变量。到目前为止,这就是我所拥有的: 上图的代码如下所示: new Chartist.Pie('.ct-chart', { series: [{ value: 10, className: 'pieChart1', }, { value: 6,
new Chartist.Pie('.ct-chart', {
series: [{
value: 10,
className: 'pieChart1',
}, {
value: 6,
className: 'pieChart2',
}, {
value: 5,
className: 'pieChart3',
}]
}, {
donut: true,
donutWidth: 20,
width: '138px',
height: '138px',
showLabel: false
});
有人能帮我在甜甜圈里写些文字吗 有一个插件可以做到这一点! 实现这些依赖项并将此代码添加到对象定义参数:
plugins: [
Chartist.plugins.fillDonut({
items: [{
content: '<h3>160<span class="small">mph</span></h3>'
}]
})
],
插件:[
ChartList.plugins.fillDonut({
项目:[{
内容:“时速160英里”
}]
})
],