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!

Unify Your SecOps with Splunk Mission Control

In today’s post, I'm excited to share some recent Splunk Mission Control innovations. With Splunk Mission ...

Data Preparation Made Easy: SPL2 for Edge Processor

By now, you may have heard the exciting news that Edge Processor, the easy-to-use Splunk data preparation tool ...

Introducing Edge Processor: Next Gen Data Transformation

We get it - not only can it take a lot of time, money and resources to get data into Splunk, but it also takes ...