Configuration

Properties

DataMap Properties

Use the datamap property to configure the data for the Count KPI. The component expects these field names in its data configuration.

Below is an excerpt from the sample page in the Color Admin for WireBootstrap project for the Count KPI component.

const kpiProfit = new wire.colorAdmin.kpiCount().render("#kpiProfit", {
    data: this.data.dsKPI,
    datamap: { value: "Profit", color: "bg-info" },
    label: "PROFIT",
    icon: "far fa-money-bill-alt"          
});   

Note also in the example above that the component supports static settings for datamap attributes directly on the root of the configuration object. This configuration option can be used for any setting that may not need to be set dynamically based in the implementation.

Detail Properties

The following properties allow the details link at the bottom of the component to be configured.

const kpiProfit = new wire.colorAdmin.kpiCount().render("#kpiProfit", {
   ...
   details: { label: "View Details", url: "https://server/details" }
});   

Last updated