Splunk Search

How to change line graph color?

josefa123
Explorer

I have this code for rendering the charts

var rbCpuChart = new ChartView({
        id: "element5",
        managerid: "rbCPUDaySearch",
        type: "line",
        "charting.legend.placement": "bottom",
        "charting.seriesColors": "[000000,fecc5c,fd8d3c,e31a1c]",
        el: $("#rbCpuLineChart")
    }).render();

    var rbMemChart = new ChartView({
        id: "element6",
        managerid: "rbMemDaySearch",
        type: "line",
        "charting.legend.placement": "bottom",
        "charting.seriesColors": "[000000,fecc5c,fd8d3c,e31a1c]",
        el: $("#rbMemLineChart")
    }).render();

    var rbWriteChart = new ChartView({
        id: "element7",
        managerid: "rbWriteDaySearch",
        type: "line",
        "charting.legend.placement": "bottom",
        "charting.seriesColors": "[000000,fecc5c,fd8d3c,e31a1c]",
        el: $("#rbWriteLineChart")
    }).render();

    var rbReadChart = new ChartView({
        id: "element8",
        managerid: "rbReadDaySearch",
        type: "line",
        "charting.legend.placement": "bottom",
        "charting.seriesColors": "[000000,fecc5c,fd8d3c,e31a1c]",
        el: $("#rbReadLineChart")
    }).render();

    var ddCpuChart = new ChartView({
        id: "element9",
        managerid: "ddCPUDaySearch",
        type: "line",
        "charting.legend.placement": "bottom",
        "charting.seriesColors": "[000000,fecc5c,fd8d3c,e31a1c]",
        el: $("#ddCpuLineChart")
    }).render();

    var ddMemChart = new ChartView({
        id: "element10",
        managerid: "ddMemDaySearch",
        type: "line",
        "charting.legend.placement": "bottom",
        "charting.seriesColors": "[000000,fecc5c,fd8d3c,e31a1c]",
        el: $("#ddMemLineChart")
    }).render();

    var ddWriteChart = new ChartView({
        id: "element11",
        managerid: "ddWriteDaySearch",
        type: "line",
        "charting.legend.placement": "bottom",
        "charting.seriesColors": "[000000,fecc5c,fd8d3c,e31a1c]",
        el: $("#ddWriteLineChart")
    }).render();

    var ddReadChart = new ChartView({
        id: "element12",
        managerid: "ddReadDaySearch",
        type: "line",
        "charting.legend.placement": "bottom",
        "charting.seriesColors": "[000000,fecc5c,fd8d3c,e31a1c]",
        el: $("#ddReadLineChart")
    }).render();

This is the chart itself.

alt text

The 1st and 3rd chart is working, but the 2nd and the 4th chart is not changing colors. What is wrong here?

0 Karma
1 Solution

diogofgm
SplunkTrust
SplunkTrust

Use this: "charting.legend.labels": "[field_name_1,field_name_2,field_name_3,field_name_4]".
Put the fields in the same order of the colors ("charting.seriesColors": "[000000,fecc5c,fd8d3c,e31a1c]") you want to assign.

More information from the docs:
http://docs.splunk.com/Documentation/Splunk/6.2.5/Viz/Chartcustomization

------------
Hope I was able to help you. If so, some karma would be appreciated.

View solution in original post

diogofgm
SplunkTrust
SplunkTrust

Use this: "charting.legend.labels": "[field_name_1,field_name_2,field_name_3,field_name_4]".
Put the fields in the same order of the colors ("charting.seriesColors": "[000000,fecc5c,fd8d3c,e31a1c]") you want to assign.

More information from the docs:
http://docs.splunk.com/Documentation/Splunk/6.2.5/Viz/Chartcustomization

------------
Hope I was able to help you. If so, some karma would be appreciated.
Get Updates on the Splunk Community!

Splunk Observability Cloud | Unified Identity - Now Available for Existing Splunk ...

Raise your hand if you’ve already forgotten your username or password when logging into an account. (We can’t ...

Index This | How many sides does a circle have?

February 2024 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with another ...

Registration for Splunk University is Now Open!

Are you ready for an adventure in learning?   Brace yourselves because Splunk University is back, and it's ...