2015-06-04 130 views
1

我正在使用primefaces 5.1并试图创建折线图,其工作正常。 但我想自定义背景颜色,网格,线条颜色。如何更改primefaces中的线颜色5.1折线图

我的XHTML:

<p:chart type="line" model="#{chartViewLine.lineModel1}" style="height:300px; width:570px;"/> 

我的Java文件:

private LineChartModel lineModel1; 

@PostConstruct 
public void init() { 
    createLineModels(); 
} 

public LineChartModel getLineModel1() { 
    return lineModel1; 
} 

private void createLineModels() { 
    lineModel1 = initLinearModel(); 
    lineModel1.setLegendCols(3); 
    lineModel1.setLegendPosition("e"); 
    Axis yAxis = lineModel1.getAxis(AxisType.Y); 
    yAxis.setMin(0); 
    yAxis.setMax(10); 

    } 

private LineChartModel initLinearModel() { 
    LineChartModel model = new LineChartModel(); 

    LineChartSeries series1 = new LineChartSeries(); 
    series1.setLabel("Series 1"); 

    series1.set(1, 2); 
    series1.set(2, 1); 
    series1.set(3, 3); 

    LineChartSeries series2 = new LineChartSeries(); 
    series2.setLabel("Series 2"); 

    series2.set(1, 6); 
    series2.set(2, 3); 
    series2.set(3, 2); 

    model.addSeries(series1); 
    model.addSeries(series2); 
    return model; 
} 

上面的代码工作正常,但我需要改变UI。我怎样才能做到这一点?

回答

4

我建议阅读jqplot documentation

Java代码

lineModel.setSeriesColors("58BA27,FFCC33,F74A4A,F52F2F,A30303"); 
lineModel.setExtender("chartExtender"); 
+0

你好,我一不小心就给下来投票你的答案,只需编辑你的答案一度让SOF支持可以将其删除。谢谢。 –