Forum Discussion

Krunalbpatel's avatar
Krunalbpatel
Helper III
9 years ago
Solved

Create Custom visuals - Set bar color

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.co...
Need Help
  • v-chuncz-msft's avatar
    v-chuncz-msft
    9 years ago

    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()
v-chuncz-msft's avatar
v-chuncz-msft
Community Support
9 years ago

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's avatar
Krunalbpatel
Helper III
9 years ago

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's avatar
    v-chuncz-msft
    Community Support
    9 years ago

    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()