primefaces - 如何增加 Primefaces 折线图中的线条宽度

Question

如何增加 Primefaces 折线图中的线宽？我想增加折线图中的线宽，但标签中没有选项

Answer 1

Primefaces 中的图表基于jqPlot。对于 Chart API 无法访问的选项，您必须使用“扩展器”。例如，如果你想为所有系列设置颜色和线宽，你必须为你的图表创建一个带有扩展配置的 Javascript 函数：

function myLineChartExtender() {
  // this = chart widget instance
  // this.cfg = jqPlot options
  this.cfg.seriesDefaults = {
    color: "#000000",
    lineWidth: 10.0
  }
}

然后你必须指定扩展器：

Primefaces 5.0 及更高版本：

初始化模型时指定 Javascript 函数的名称：

LineChartModel model = new LineChartModel();
...
model.setExtender("myLineChartExtender");

5.0 之前的 Primefaces：

将 Javascript 函数的名称指定为 XHTML 参数：

<p:chart type="line" model="#{bean.model}" extender="myLineChartExtender" />

有关如何使用选项的进一步说明，请参阅jqPlot 选项教程。可以在此处找到所有选项的列表。