Configuring a visualization

The following rule configures the isBrowsable type attribute to hide the stock Pie visualization from Analyzer's visualizations menu, which prevents the user from creating new visualizations of this type:

varruleSpec = {
  select:{
    module:"pentaho/visual/models/Pie",
    application:"pentaho/analyzer"
  },
  apply:{
    isBrowsable:false
  }
};

The following rule configures the default value of the lineWidth property to be 2 pixels for both the Line and the Column/Line Combo stock visualizations. This rule also hides it from Analyzer’s properties panel, preventing the user from changing its default value:

varruleSpec = {
  select:{
    module:[
      "pentaho/visual/models/Line",
      "pentaho/visual/models/BarLine"
    ],
    application:"pentaho/analyzer"
  },
  apply:{
    props:{
      lineWidth:{
        defaultValue:2,
        isBrowsable:false
      }
    }
  }
};

The following rule configures the default value of the shape property to be the diamond shape for both the Line and the Column/Line Combo stock visualizations:

var ruleSpec = {
  select:{
    module:[
      "pentaho/visual/models/Line",
      "pentaho/visual/models/BarLine"
    ]
  },
  apply:{
    props:{
      shape:{
        defaultValue:"diamond"
      }
    }
  }
};

The following rule changes the label type attribute of the Bar stock visualization:

var ruleSpec = {
  select:{
    module:"pentaho/visual/models/Bar"
  },
  apply:{
    label:"Vertical Bars"
  }
};

The following sample code illustrates the rule which changes the lineWidth property of the baseAxisRule_ and orthoAxisRule_ extension points for stock visualizations in any application:

var ruleSpec = {
  select:{
    module:"pentaho/ccc/visual/Abstract"
  },
  apply:{
    extension:{
      baseAxisRule_lineWidth:2,
      orthoAxisRule_lineWidth:2
    }
  }
};

The following sample code illustrates the rule which changes the font property of the baseAxisLabel_ and orthoAxisLabel_ extension points for any applicable stock visualizations when in the PDI application:

var ruleSpec = {
  select:{
    module:"pentaho/ccc/visual/AreaStacked",
    application:"pentaho/det"
  },
  apply:{
    extension:{
      baseAxisLabel_font:"12px OpenSansRegular",
      orthoAxisLabel_font:"12px OpenSansRegular"
    }
  }
};

The following sample code illustrates the rule which changes the colors of the default nominal color palette, pentaho.visual.color.palettes.nominalPrimary, in any application:

var ruleSpec = {
  select:{
    module:"pentaho/visual/color/palettes/nominalPrimary"
  },
  apply:{
    colors:[
      "red","#00FF00","rgb(0,0,255)"
    ]
  }
};

The following sample codes illustrates the rule which changes the default value of the palette property of the stock bar chart visualization in any application, so that a specific ad hoc palette is used:

var ruleSpec = {
  select:{
    module:"pentaho/visual/models/Bar"
  },
  apply:{
    props:{
      palette:{
        defaultValue:{
          level:"nominal",
          colors:["red","#00FF00","rgb(0,0,255)"]
        }
      }
    }
  }
};

The following sample code is for when you want to use a registered palette:

var ruleSpec = {
  select:{
    module:"pentaho/visual/models/Bar"
  },
  deps:[
    "pentaho/visual/color/palettes/nominalLight"
  ],
  apply:function(nominalLightPalette){
    return{
      props:{
        palette:{
          defaultValue:nominalLightPalette
        }
      }
    };
  }
};