Forum Discussion

israelcevans's avatar
israelcevans
Advocate II
6 years ago

KPI JSON properties

Hello!

Does anyone know of a way to change a KPI's Data Label color and Font size? 

I'm currently trying this (inside of a larger "visualStyles" bit of markup) to no avail.

 

"kpi": {
    "*": {
        "dataLabel": [{
            "solid":{"color":"#ff0000"},
            "textSize": 24
        }],
        "border": [{
            "show": true
        }]
    }
}

 

 

 

This has been a helpful link so far, but even that doesn't seem to cover everything. 

https://app.powerbi.com/view?r=eyJrIjoiMmMwZjU2MjUtZDA5NS00OWQ4LTgzMDMtNTM0NTcwMzQ4M2EwIiwidCI6IjRmMWNiNzZmLTlhODUtNDc3Mi04MWIwLTVkYWVjZjlmYTQyMCIsImMiOjh9

Need Help

3 Replies

  • v-eachen-msft's avatar
    v-eachen-msft
    Community Support
    6 years ago

    Hi israelcevans ,

     

    After my testing, properties that have not appeared on the format tab cannot be defined using json. You cannot do it because kpi visual doesn't have the "label" property.

    However, you could post your idea here,  maybe it will be a feature of Power BI  in the future.

     

    • israelcevans's avatar
      israelcevans
      Advocate II
      6 years ago

      Thanks for the reply v-eachen-msft . 

       

      What I mistook for a KPI was actually a Card Element. I found I'm able to do quite a bit with that element when it comes to the fill, the outline, border, and such, but I haven't found the right property name for the text.  This is what I'm currently using: 

       

          "actionButton": {
            "*": {
                "visualHeader": [
                    {
                        "show": true
                    }
                ],
                "border": [
                    {
                        "show": false
                    }
                ],
                "buttonText": [
                    {
                        "$id": "default",
                        "transparency": 0,
                        "fontColor": { "solid": { "color": "#ff0000" } },
                        "Color": { "solid": { "color": "#ff0000" } },
                        "textColor": { "solid": { "color": "#ff0000" } }
                    }
                ],
                "fill": [
                    {
                        "show": true
                    },
                    {
                        "$id": "default",
                        "transparency": 0,
                        "fillColor": { "solid": { "color": "#66bc43" } }
                    },
                    {
                        "$id": "hover",
                        "transparency": 40,
                        "fillColor": { "solid": { "color": "#66bc43" } }
                    },
                    {
                        "$id": "selected",
                        "transparency": 20,
                        "fillColor": { "solid": { "color": "#66bc43" } }
                    }
                ],
                "outline":[
                    {
                        "show": false 
                    },
                    {
                        "$id": "default",
                        "lineColor": {"solid": {"color": "#000000"}},
                        "transparency": 0,
                        "weight": 0,
                        "roundEdge": 0
                    },
                    {
                        "$id": "hover",
                        "lineColor": {"solid": {"color": "#000000"}},
                        "transparency": 0,
                        "weight": 0,
                        "roundEdge": 0
                    },
                    {
                        "$id": "selected",
                        "lineColor": {"solid": {"color": "#000000"}},
                        "transparency": 0,
                        "weight": 0,
                        "roundEdge": 0
                    }

                ]

            }
        }

      buttonText doesn't seem to be the right name, as you can see, I'm also flailing about trying different names for the color under there, but nothing so far has worked. Would you have any ideas on this one? 

       

      Thanks!

      • v-eachen-msft's avatar
        v-eachen-msft
        Community Support
        6 years ago

        Hi israelcevans ,

         

        There isn't json property of border in the table. I think you could only edit the properties which have JSON.cardName.