Question

我在PRIMEFACES CHART中尝试调整图表的图例时遇到问题我尝试使用 this.cfg.legend 配置和 fontSize 属性但是我不能改变字母的大小。

我正在使用 outputscript ，而在 managedbean 我用 setExtender 调用它。我使用的PRIMEFACES版本是5.3。

OutputScript 代码：

< h:outputScript >
  function chartExtender1() 
  {
    this.cfg.grid 
    = { 
         background: '#BBDEFB',
         gridLineColor: '#FFFFFF',
         borderColor: '#999999',
         borderWidth: 5.0,
         shadow: false,
      };
    this.cfg.legend 
    = {               
        show : false,
        show : true,
        border : 'none',
        location : 's',
        fontSize: '10px',
        fontFamily: ["Lucida Grande","Lucida Sans Unicode","Arial","Verdana","sans-serif"],            
        placement : 'outsideGrid',
        renderer : $.jqplot.EnhancedLegendRenderer,                
        rendererOptions : 
           {
            numberRows : 4,
            numberColumns : 4,
            seriesToggle : true,
            disableIEFading : true
           }  
          };
    }                     
 < /h:outputScript >

ManagedBean代码：

LineadateModel.setLegendPosition("ne");
LineadateModel.setExtender("chartExtender");               
LineadateModel.setSeriesColors("1565C0, FF6F00, FFEA00, 558B2F, 651FFF");
LineadateModel.getAxis(AxisType.Y).setLabel("Usados");
LineadateModel.getAxis(AxisType.Y).setTickCount(3);
LineadateModel.getAxis(AxisType.Y).setMax(MaximoValorY );
DateAxis axis = new DateAxis("Hora");
axis.setTickAngle(-50);
axis.setMax(horamax);    
axis.setTickFormat("%H:%#M");
axis.setTickCount(20);
LineadateModel.getAxes().put(AxisType.X, axis);

创建图表： < p:chart class="fondo" type="line" model="#{PrincipalPosicion1.lineaDateModel}" responsive="true"/>

我查了但是没有用：

How to change colors in Primefaces chart?

How to change Bar Charts Legend position in PrimeFaces?

感谢您的帮助

如何在p：chart中更改图例的fontSize

0 个答案: