我想在右上方显示每个日期边的值

时间:2019-07-18 21:10:55

标签: javascript jquery chart.js pie-chart

我有一个带有chart.js库的甜甜圈表! 我想在图例的标题上显示每个数据面的值(如用红色箭头显示的图像)

a busy cat two muppets

这是我的图表代码:

var donutData = [

{ label: 'گوساله', data: 44, color: '#004586' },{ label: 'آبستن', data: 33, color: '#ff420e' },{ label: 'باز', data: 20, color: '#6db71c' },{ label: 'تلقيح شده', data: 19, color: '#984ea3' }   ]
$.plot('#donut-chart', donutData, {

  series: {
    pie: {
      show       : true,
      radius     : 1,
      label      : {
        show     : true,
        radius   : 2 / 3,
        formatter: labelFormatter,
        threshold: 0.1
      }

    }
  },
  legend: {
    show: true
  }
})

var donutData = [

{ label: 'گوساله', data: 44, color: '#004586' },{ label: 'آبستن', data: 33, color: '#ff420e' },{ label: 'باز', data: 20, color: '#6db71c' },{ label: 'تلقيح شده', data: 19, color: '#984ea3' }   ]
$.plot('#donut-chart', donutData, {

  series: {
    pie: {
      show       : true,
      radius     : 1,
      label      : {
        show     : true,
        radius   : 2 / 3,
        formatter: labelFormatter,
        threshold: 0.1
      }

    }
  },
  legend: {
    show: true
  }
})

1 个答案:

答案 0 :(得分:0)

此图片: enter image description here

附加到上一篇文章