jqplot条形图点标签字体大小答案

【问题标题】：jqplot bar chart point label font sizejqplot条形图点标签字体大小
【发布时间】：2018-08-30 22:45:17
【问题描述】：

我有一个水平条形图。我可以设置轴的字体大小，但不能设置点标签的。怎么能做到这一点？

谢谢

var plot2 = $.jqplot('chart2', [values], {
                seriesDefaults: {
                    renderer:$.jqplot.BarRenderer,
                    rendererOptions: {
                        barDirection: 'horizontal',                                     
                        barPadding: 40,
                        barMargin: 40,
                        barWidth: 10
                    }, 
                    pointLabels: { 
                        show: true, location: 'e', edgeTolerance: -15, formatString: '%s'
                    }
                },
                axes: {
                    xaxis: {                                                        
                        tickOptions: {
                            fontSize: '30pt'
                        }                           
                    }, 
                    yaxis: {
                        renderer: $.jqplot.CategoryAxisRenderer,

                        tickOptions: {
                            fontSize: '30pt'                                
                        }
                    }
                }
            });

【问题讨论】：

标签： jqplot

【解决方案1】：

当您使用 pointLabels plugin 时，您需要使用 CSS 设置标签样式。您可以添加以下 CSS：

#chart1 .jqplot-point-label {
  font-size: 30pt;
}

其中chart1 是图表的ID。这会将点标签 font-size 设置为 30pt。

请参阅this Fiddle 以获得工作演示。

【讨论】：