在primefaces中自定義lineChart

Question

我在我的項目的primefaces中使用lineChart。

我想自定義lineChart。

如何更改背景顏色並刪除lineChart的網格？

Answer 1

您可以設置自定義與設計：

<script type="text/javascript"> 
    function customExtender() { 
    this.cfg.grid = { 
     ........... 
    } 
    } 
</script> 
... 
<p:lineChart extender="customExtender" value="..." /> 

，只是檢查jqplot文檔http://www.jqplot.com/docs/files/jqPlotOptions-txt.html 部分

grid: { 
     drawGridLines: true,  // wether to draw lines across the grid or not. 
     gridLineColor: '#cccccc' // *Color of the grid lines. 
     background: '#fffdf6',  // CSS color spec for background color of grid. 
     borderColor: '#999999',  // CSS color spec for border around grid. 
     borderWidth: 2.0,   // pixel width of border around grid. 
     shadow: true,    // draw a shadow for grid. 
     shadowAngle: 45,   // angle of the shadow. Clockwise from x axis. 
     shadowOffset: 1.5,   // offset from the line of the shadow. 
     shadowWidth: 3,    // width of the stroke for the shadow. 
     shadowDepth: 3,    // Number of strokes to make when drawing shadow. 
            // Each stroke offset by shadowOffset from the last. 
     shadowAlpha: 0.07   // Opacity of the shadow 
     renderer: $.jqplot.CanvasGridRenderer, // renderer to use to draw the grid. 
     rendererOptions: {}   // options to pass to the renderer. Note, the default 
            // CanvasGridRenderer takes no additional options. 
    }, 

你可以看到背景PARAM和drawGridLines那裏:)