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.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
Get Updates on the Splunk Community!

CX Day is Coming!

Customer Experience (CX) Day is on October 7th!! We're so excited to bring back another day full of wonderful ...

Strengthen Your Future: A Look Back at Splunk 10 Innovations and .conf25 Highlights!

The Big One: Splunk 10 is Here!  The moment many of you have been waiting for has arrived! We are thrilled to ...

Now Offering the AI Assistant Usage Dashboard in Cloud Monitoring Console

Today, we’re excited to announce the release of a brand new AI assistant usage dashboard in Cloud Monitoring ...