All Apps and Add-ons

glass table SVG Block

LucLu
Loves-to-Learn Lots

when I use SVG in Splunk Dashboard app,  it show bellow error, I want to know why we get this error, how can we fixed it.

LucLu_0-1629861218495.pngLucLu_0-1629861218495.png

 


Splunk version : 8.0.5
Splunk Dassboard App version: 0.8.0

sourcecode:

{
    "visualizations": {
        "viz_7Gcj22nE": {
            "type""viz.choropleth.svg",
            "options": {
                "backgroundColor""transparent",
                "svg""<svg width=\"322\" height=\"32\" viewBox=\"0 0 322 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<rect id=\"level1\"  y=\"12\" width=\"33\" height=\"8\" rx=\"4\" fill=\"#483F9B\"/>\n<rect id=\"level2\"  x=\"37\" y=\"12\" width=\"32\" height=\"8\" rx=\"4\" fill=\"#483F9B\"/>\n<rect id=\"level3\"  x=\"73\" y=\"12\" width=\"32\" height=\"8\" rx=\"4\" fill=\"#483F9B\"/>\n<rect id=\"level4\"  x=\"109\" y=\"12\" width=\"32\" height=\"8\" rx=\"4\" fill=\"#483F9B\"/>\n<rect id=\"level5\"  x=\"145\" y=\"12\" width=\"32\" height=\"8\" rx=\"4\" fill=\"#483F9B\"/>\n<rect id=\"level6\"  x=\"181\" y=\"12\" width=\"32\" height=\"8\" rx=\"4\" fill=\"#483F9B\"/>\n<rect id=\"level7\"  x=\"217\" y=\"12\" width=\"32\" height=\"8\" rx=\"4\" fill=\"#483F9B\"/>\n<rect id=\"level8\"  x=\"253\" y=\"12\" width=\"32\" height=\"8\" rx=\"4\" fill=\"#483F9B\"/>\n<rect id=\"level9\"  x=\"289\" y=\"12\" width=\"33\" height=\"8\" rx=\"4\" fill=\"#483F9B\"/>\n</svg>"
            },
            "encoding": {
                "featureId""primary[0]",
                "value""primary[1]",
                "fill": {
                    "field""primary[1]",
                    "format": {
                        "type""rangevalue",
                        "ranges": [
                            {
                                "from"1500,
                                "value""#483F9B"
                            },
                            {
                                "from"500,
                                "to"1500,
                                "value""#A870EF"
                            },
                            {
                                "to"500,
                                "value""#483F9B"
                            }
                        ]
                    }
                }
            },
            "dataSources": {
                "primary""ds_xtEHKvxm"
            }
        }
    },
    "dataSources": {
        "ds_xtEHKvxm": {
            "type""ds.search",
            "options": {
                "query""| makeresults \n| eval Progress=\"level1\"| eval count=1000\n| append [| makeresults | eval Progress=\"level2\"| eval count=1000]\n| append [| makeresults | eval Progress=\"level3\"| eval count=10]\n| append [| makeresults | eval Progress=\"level4\"| eval count=10]\n| append [| makeresults | eval Progress=\"level5\"| eval count=10]\n| append [| makeresults | eval Progress=\"level6\"| eval count=10]\n| append [| makeresults | eval Progress=\"level7\"| eval count=10]\n| append [| makeresults | eval Progress=\"level8\"| eval count=10]\n| append [| makeresults | eval Progress=\"level9\"| eval count=10]\n|table Progress,count"
            },
            "name""Search_1"
        }
    },
    "defaults": {
        "dataSources": {
            "ds.search": {
                "options": {
                    "queryParameters": {
                        "latest""$global_time.latest$",
                        "earliest""$global_time.earliest$"
                    }
                }
            }
        },
        "visualizations": {
            "global": {
                "showLastUpdated"true
            }
        }
    },
    "inputs": {
        "input_global_trp": {
            "type""input.timerange",
            "options": {
                "token""global_time",
                "defaultValue""-24h@h,now"
            },
            "title""Global Time Range"
        }
    },
    "layout": {
        "type""absolute",
        "options": {},
        "structure": [
            {
                "item""viz_7Gcj22nE",
                "type""block",
                "position": {
                    "x"0,
                    "y"0,
                    "w"380,
                    "h"300
                }
            }
        ],
        "globalInputs": [
            "input_global_trp"
        ]
    },
    "description""",
    "title""test"
}
Labels (3)
0 Karma
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

Rounding off the Splunk Dashboard Contest

What does a contest-winning Splunk dashboard look like? In this case, it isn't in a browser tab at all. It ...

A Four Part Event Series: AI + Observability: AI Agents, LLMs, Apps, & Infrastructure

AI &#43; Observability: AI Agents, LLMs, Apps, & Infrastructure The rapid evolution of artificial intelligence ...

Splunk Technical Support Is Moving to Cisco Support Tools

Introduction Splunk technical support is transitioning to Cisco’s support environment. This change brings ...