主页 / coding / 问题 / 77921980
Accepted
Dev_Edimar FUll stack
Asked: 2024-02-02 00:50:18 +0800 CST

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

  • 772

我需要帮助解决 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

1 个回答

  1. Best Answer

    那个“蓝色按钮”及其标签就是图表图例；你必须禁用那个图例。使用这些文档中的代码，在您构建了一个LineChartOptions将用于设置模型选项的实例之后，即之后

       LineChartOptions options = new LineChartOptions();

    和之前

        lineModel.setOptions(options);

    你必须插入这个：

       Legend legend = new Legend();
   legend.setDisplay(false);
   options.setLegend(legend);
    • 1

相关问题