topic Re: Create Custom visuals - Set bar color in Developer

Create Custom visuals - Set bar color

Krunalbpatel — Mon, 26 Dec 2016 07:23:59 GMT

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'"

Re: Create Custom visuals - Set bar color

v-chuncz-msft — Tue, 27 Dec 2016 06:20:50 GMT

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

Re: Create Custom visuals - Set bar color

Krunalbpatel — Tue, 27 Dec 2016 06:38:19 GMT

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

Re: Create Custom visuals - Set bar color

v-chuncz-msft — Tue, 27 Dec 2016 06:58:51 GMT

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