簡體   English   中英

如何更改primefaces 5.1折線圖中的線條顏色

[英]how to change line colors in primefaces 5.1 line chart

我正在使用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。 我怎樣才能做到這一點?

我建議閱讀jqplot文檔

java代碼

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM