Create Custom visuals - Set bar color

[Krunalbpatel]

Hi,

I am creating a custom Bar chart. I want to change the bar color from the color palette. Each bar should have a different color based on selection.

let colors = createColorPalette(host.colors).reset()

But I am getting the error --> "Property 'colors' does not exist on type 'IVisualHost'"

and also

selector: barDataPoint.selectionId.getSelection()

I am getting the error --> " Property 'getSelection' does not exist on type 'ISelectionId'"

[v-chuncz-msft]

@Krunalbpatel,

The API Version has been updated to 1.3.0. Based on my test, you may refer to the following corresponding code snippet.

let colorPalette: IColorPalette = host.colorPalette;

selector: barDataPoint.selectionId.getSelector()

[Krunalbpatel]

Hi @v-chuncz-msft,

I am using this code also but I am getting the following error

 error  TYPESCRIPT  /src/visual.ts : (82,13) Type 'powerbi.extensibility.IColorPalette' is not assignable to type 'power
bi.extensibility.visual.PBI_CV_8D244A15_FCEE_4355_A23C_3E763013AF73.IColorPalette'.
  Property 'reset' is missing in type 'IColorPalette'.

And This error has been resolved by changing

selector: barDataPoint.selectionId.getSelector()

[v-chuncz-msft · Accepted solution]

@Krunalbpatel,

Things have changed. Re-download the Sample Bar Chart Repo, and modify barChart.ts as shown below.

    interface BarChartDataPoint {
        value: PrimitiveValue;
        category: string;
        color: string;
        selectionId: powerbi.visuals.ISelectionId;
    };

selector: barDataPoint.selectionId.getSelector()