Forum Discussion

Anonymous's avatar
Anonymous
Not applicable
8 years ago
Solved

Gantt Chart Visual tweak. (adding black line around the bars)

I wondered if anyone could point me at how I might amend a custom visual?

 

Its the Microsoft Gantt chart and the modification is hopefully shockingly simple. I just want to add a line around the task rectangles. We are using it for task scheduling and when several tasks schedule back to back it can be hard to see where one starts and another stops if they are all the same priority/state (this is being used to determine the colour of the task bars) so two yellow bars can appear next to each other with just numeric ID's on the lables identifying it's actually two different things.

 

I was hoping it would be somehting I could apply against a style/class. i think I have found the class concerned "task-rect" but am struggling to figure out where I might apply a style modifier to give it a line/stroke/colour.

 

Can anyone point me in the right direction

 

many thanks

 

Steve

 

 

  • v-viig's avatar
    v-viig
    8 years ago

    Did you you use the debug visual?

    Or you used pbiviz package command to build a package? If so, please change GUID to any another one in order to bypass our CDN.

     

    Ignat Vilesov,

    Software Engineer

     

    Microsoft Power BI Custom Visuals

    [email protected]

6 Replies

  • v-viig's avatar
    v-viig
    Community Champion
    8 years ago

    Gantt Chart is open sourced on GitHub. Feel free to modify it as you want.

     

    We have also included this feature into our backlog to the extend functionality.

     

    Ignat Vilesov,

    Software Engineer

     

    Microsoft Power BI Custom Visuals

    [email protected]

    • Anonymous's avatar
      Anonymous
      Not applicable
      8 years ago

      Many thanks Ignat

       

      I have downloaded the github and built my own version of the visual. I have tried applying some additional style attributes for stroke and stroke width to the taskRect (line 1558 in gantt.ts) but this doesn't seem to be making any difference.

       

      I've also tried poking some style values into the CSS  but this also didn't seem to make any difference

       

      I'll do some more research with regards to D3/SVG and typescript to see if I can figure out where I should add the relevant properties.

       

      But thank you for considering it in the backlog.

       

      Steve

      • v-viig's avatar
        v-viig
        Community Champion
        8 years ago

        Did you you use the debug visual?

        Or you used pbiviz package command to build a package? If so, please change GUID to any another one in order to bypass our CDN.

         

        Ignat Vilesov,

        Software Engineer

         

        Microsoft Power BI Custom Visuals

        [email protected]