如何隐藏PrimeFaces LineChartModel的蓝色按钮和标签“我的第一个数据集”

问题描述 投票:0回答:1

我需要帮助解决 ChatGPT 和 BlackBox 都无法解决的问题。我需要使那个蓝色按钮及其标签“我的第一个数据集”消失。我试图通过阅读官方链接https://www.primefaces.org/showcase-v8/ui/chartjs/line.xhtml上的几乎所有内容来找到答案,但不幸的是,我找不到解决方案。请拯救我的灵魂!

这是我的MB上的方法:

public void createComparativoDiaAnteriorLinhas() {
    this.lineModel = new LineChartModel();
    ChartData data = new ChartData();
    
    LineChartDataSet dataSet = new LineChartDataSet();
    List<Number> values = new ArrayList<>();
    values.add(65);
    values.add(59);
    values.add(80);
    values.add(81);
    values.add(56);
    values.add(55);
    values.add(40);
    dataSet.setData(values);
    dataSet.setFill(false);
    dataSet.setLabel("My First Dataset");
    dataSet.setBorderColor("rgb(75, 192, 192)");
    dataSet.setLineTension(0.1);
    data.addChartDataSet(dataSet);
    
    List<String> labels = new ArrayList<>();
    labels.add("January");
    labels.add("February");
    labels.add("March");
    labels.add("April");
    labels.add("May");
    labels.add("June");
    labels.add("July");
    data.setLabels(labels);
    
    //Options
    LineChartOptions options = new LineChartOptions();        
    Title title = new Title();
    title.setDisplay(true);
    title.setText("Line Chart");
    options.setTitle(title);
    
    lineModel.setOptions(options);
    lineModel.setData(data);
}

以下是xhtml代码:

<p:lineChart model="#{chartJsView.lineModel}" 
             style="width: 100%;
             height: 500px;"/>

jsf primefaces linechart
1个回答
1
投票

那个“蓝色按钮”及其标签就是图表图例;你必须禁用那个图例。使用这些文档中的代码,在您构建了一个

LineChartOptions
实例之后,您将使用该实例来设置模型的选项,即,之后

   LineChartOptions options = new LineChartOptions();   

和之前

    lineModel.setOptions(options);

你必须插入这个:

   Legend legend = new Legend();
   legend.setDisplay(false);
   options.setLegend(legend);
© www.soinside.com 2019 - 2024. All rights reserved.