Getting Refused to connect to X because it violates the following Content Security Policy directive
Dear community, On a custom visual I am trying use a http post request by fetch to a logic app endpoint, and getting following error from the Console: Refused to connect to 'https://xxx.logic.azure.com/xxx' because it violates the following Content Security Policy directive: "default-src 'self' data: blob: 'unsafe-inline' 'unsafe-eval'". Note that 'connect-src' was not explicitly set, so 'default-src' is used as a fallback. Following is the code from the react component of the visual: handleClick = () => { fetch('https://xxx.logic.azure.com:443/xxx', { method: 'POST', mode: 'cors', body: JSON.stringify({"Data": {"Text1": "Test5", "Text2": "Test6"}}) // body data type must match "Content-Type" header }) I have read up on CSP and best I could find was: https://learn.microsoft.com/en-us/power-bi/developer/visuals/capabilities#privileges-define-the-special-permissions-that-your-visual-requires For which reason I have tried to add to capabiltities.json the following: "privileges": [ { "name": "WebAccess", "essential": true, "parameters": [ "https://prod-23.northeurope.logic.azure.com/", "https://*.logic.azure.com/", "https://prod-23.northeurope.logic.azure.com:443/", "*.logic.azure.com:443/" ] }, { "name": "ExportContent", "essential": true } ] } Anyone got some ideas? Is it at all possible to do http request from a visual or has it been entirely blocked out by MS on the Power BI service? Best regards and thanks
Dened - Custom Matrix with double headers
Hi dm-p, I hope you can help me here to deliver a matrix view in Deneb to look like this: I aim to show the Category and Sub-category at the top of the matrix and colour the cells based on the values. So far, here is my code: { "data": {"name": "dataset"}, "encoding": { "y": { "field": "Product", "title": null }, "x": { "field": "Sub Cat", "axis": { "orient": "top" } } }, "layer": [ { "mark": {"type": "rect"}, "encoding": { "color": { "field": "Value", "scale": { "scheme": "lightgreyred" }, "legend": null } } }, { "mark": { "type": "text", "tooltip": true, "fontsize": 14 }, "encoding": { "text": { "field": "Value", "type": "quantitative", "format": ",.0f" }, "color": {"value": "black"} } } ] } And below is the output I got so far: I was hoping that when defining the "x" "field", I could add multiple fields ... but I am unsure how to do it. Many thanks Sample fileRadar Chart - Can you please include Tooltip Option?
I have imported the default Microsoft Radar Chart into my report. However, it does not include the Tooltip option, and as such, not able to customise the Tooltip report for this visual. May I request that this feature is included in this visualization! Thank you! CC: @pleblanc
Vega-lite Deneb: How to make labels more readable on bubble chart
I have a bubble chart on Power BI that I made using the Deneb visual in Vega-lite. I am new to Vega-lite so I'm still learning. I want each bubble to have a label with the title for that row. However, I want to make it so the labels don't overlap if possible. Is there a way to make the labels not overlap? The labels also overlap the legend on the right. I was also thinking about filtering so that only larger bubbles have a label, but I'm not sure how to do that either. Here is a screenshot showing how the labels overlap each other and the legend. Here is my script with some dummy data to show the issue: { "$schema": "https://vega.github.io/schema/vega-lite/v5.json", "data": { "name": "dataset" }, "width": 950, "height": 400, "encoding": { "x": { "field": "Date", "type": "temporal", "axis": {"grid": false, "format":"Q%q %Y"} }, "y": { "field": "Prob", "type": "quantitative", "axis": {"title": "prob"} }, "tooltip" : [ {"field":"Title", "type": "nominal"}, {"field":"Group", "type": "nominal"}, {"field":"Section", "type": "nominal"}, {"field":"Amount", "type": "nominal"}, {"field":"ID#", "type":"nominal"}, {"field":"Description", "type":"nominal"} ] }, "layer":[{ "mark":{ "type": "circle", "opacity": 0.8, "stroke": "black", "strokeWidth": 1 }, "encoding": { "size": { "field": "Amount", "type": "quantitative", "title": "", "legend": "", "scale": {"rangeMax": 1000} }, "color": { "field": "Group", "type": "nominal" } } }, { "mark":{ "type": "circle", "opacity": 0.8, "stroke": "black", "strokeWidth": 1 }, "encoding": { "size": { "field": "Amount", "type": "quantitative", "title": "", "legend": "", "scale": {"rangeMax": 1000} }, "color": { "field": "Group", "type": "nominal" } } }, { "mark":{ "type": "text", "align": "left", "baseline": "top", "dx":8, "limit":150, "angle":-25 }, "encoding": { "text":{"field":"Title", "type":"nominal"} }, "transform": [ { "type": "label", "anchor": ["top", "bottom", "right", "left"], "offset": [1], "size": {"signal": "[width + 60, height]"} } ] } ] }
JSON issue for new card visual
I have the following JSON code for the NEW card visual. It is applying most of what I'm specifying, but it ignores "padding" and it ignores the color specification for the card value. What do I need to change to fix this? "cardVisual": { "*": { "labels": [ { "color": { "solid": { "color": "#666666" } }, "position": "BelowValue" } ], "categoryLabels": [ { "color": { "solid": { "color": "#666666" } } } ], "values": [ { "color": { "solid": { "color": "#666666" } }, "horizontalAlignment": "Center" } ], "padding": [ { "top": 0, "left": 0, "right": 0, "bottom": 0 } ], "cards": [ { "fill": { "show": false } } ] } }
