jquery 我怎样才能改变字体颜色里面一个jqplot?实际上是黑色的,想要改变到白色

yhived7q  于 2023-01-16  发布在  jQuery
关注(0)|答案(1)|浏览(137)

我只想写一个饼图,把饼里面的数字用白色显示出来。
同时更改图例顺序以匹配饼图,否则。
这就是现在的情况:

我需要:

var plot1 = jQuery.jqplot ('gender_chart', [data], {
  seriesDefaults: {
    // Make this a pie chart.
    renderer: jQuery.jqplot.PieRenderer,
    rendererOptions: {
      // Put data labels on the pie slices.
      // By default, labels show the percentage of the slice.
      showDataLabels: true,
      dataLabelFormatString: '%#.2f%',
      textColor: 'white'
    }
  },

  seriesColors: ['#fb7601', '#365D98'],

  legend: {
    reverse:true,
    position: 'top',
    show:true,
    location: 'e',
    labels: {
      fontColor: 'white',
      textColor: 'white',
    },
  }
});
jexiocij

jexiocij1#

使用CSS更改标签颜色/字体。对于饼图,class为.jqplot-data-label

#gender_chart .jqplot-data-label {
  font-weight: bold;
  font-size: large;
  color: white;
}

根据您的要求通过类更改jqPlot标签CSS。
要删除十进制值,请从代码中删除dataLabelFormatString: '%#.2f%'行。
%#.2f指示图表显示带有两位小数的值,末尾的%在值的末尾添加一个百分号。
示例:
x一个一个一个一个x一个一个二个一个x一个一个三个一个

相关问题