JSON Theme file

384 viewsJSON Styling Theme
0

I’m looking for an example theme file for the multi axis and bubble chart. Can someone provide me with the correct ID to use in the theme file to format the visuals? Or even better, does someone have an example JSON file with all attributes listed in there so i can play around with the styling and ensure it’s applied consistently.

Answered question
0

I’m looking for the full list of JSON theme files parameters as well.  Need to style these or remove the library from our instance.  Where is this information?

Posted new comment

After a very long and trying back and forth i finally received an answer from xViz. See below an example of the JSON for the MultiAxis Chart. I hope this helps!

{
“name”: “Custom Theme”,
“visualStyles”: {
“*”: {
“*”: {
“*”: [
{
“fontSize”: 12,
“fontFamily”: “Arial Black”
}
]
}
},
“multipleAxesChartBC35C88E1D1A49DFA5A9240AFBB4E3BC”: {
“*”: {
“chartOptions”:[{
“fontfamily”: “‘Segoe UI’, wf_segoe-ui_normal, helvetica, arial, sans-serif”,
“chartOrientation” : “vertical”
}],
“xaxis”:[{
“show”: true,
“xAxisposition”: “bottom”,
“fontColor”: { “solid”: { “color”: “#515151”}},
“titleenable”: false,
“titletext”: “”,
“fontSize”: 11,
“xAxisLabel”: true,
“axisLabelTextSize”: 11,
“lineColor”: { “solid”: { “color”: “#ccd6eb”}},
“lineWidth”: 1
}],
“yaxis1”:[{
“show”: true,
“yAxisposition”: “left”,
“yAxisColor”: { “solid”: { “color”: “#515151”}},
“yAxisTitle”: false,
“yAxisTitleText”: “”,
“fontSize”: 11,
“yaxisreverse”: false,
“yAxisLabel”: true,
“yAxisLabelTextSize”: 11,
“yAxisShownthLabel”: 0,
“displayUnit”: “auto”,
“noOfDecimal”: 2.0,
“yAxisLabelPrefix”: ” “,
“yAxisLabelSuffix”: ” “,
“yAxisLineColor”: { “solid”: { “color”: “#ccd6eb”}},
“yAxisLineWidth”: 0,
“yAxisGridLine”: true,
“yAxisGridLineColor”: { “solid”: { “color”: “#ccd6eb”}},
“yAxisGridLineStrokeWidth”: 1.0,
“yAxisGridLineStyle”: “solid”
}],
“yaxis2”:[{
“show”: true,
“yAxisposition”: “right”,
“yAxisColor”: { “solid”: { “color”: “#515151”}},
“yAxisTitle”: false,
“yAxisTitleText”: “”,
“fontSize”: 11,
“yaxisreverse”: false,
“yAxisLabel”: true,
“yAxisLabelTextSize”: 11,
“yAxisShownthLabel”: 0,
“displayUnit”: “auto”,
“noOfDecimal”: 2.0,
“yAxisLabelPrefix”: ” “,
“yAxisLabelSuffix”: ” “,
“yAxisLineColor”: { “solid”: { “color”: “#515151”}},
“yAxisLineWidth”: 0
}],
“yaxis3”:[{
“show”: true,
“yAxisposition”: “right”,
“yAxisColor”: { “solid”: { “color”: “#515151”}},
“yAxisTitle”: false,
“yAxisTitleText”: “”,
“fontSize”: 11,
“yaxisreverse”: false,
“yAxisLabel”: true,
“yAxisLabelTextSize”: 11,
“yAxisShownthLabel”: 0,
“displayUnit”: “auto”,
“noOfDecimal”: 2.0,
“yAxisLabelPrefix”: ” “,
“yAxisLabelSuffix”: ” “,
“yAxisLineColor”: { “solid”: { “color”: “#515151”}},
“yAxisLineWidth”: 0}],
“yaxis4”:[{
“show”: true,
“yAxisposition”: “right”,
“yAxisColor”: { “solid”: { “color”: “#515151”}},
“yAxisTitle”: false,
“yAxisTitleText”: “”,
“fontSize”: 11,
“yaxisreverse”: false,
“yAxisLabel”: true,
“yAxisLabelTextSize”: 11,
“yAxisShownthLabel”: 0,
“displayUnit”: “auto”,
“noOfDecimal”: 2.0,
“yAxisLabelPrefix”: ” “,
“yAxisLabelSuffix”: ” “,
“yAxisLineColor”: { “solid”: { “color”: “#515151”}},
“yAxisLineWidth”: 0}],
“yaxis5”:[{
“show”: true,
“yAxisposition”: “right”,
“yAxisColor”: { “solid”: { “color”: “#515151”}},
“yAxisTitle”: false,
“yAxisTitleText”: “”,
“fontSize”: 11,
“yaxisreverse”: false,
“yAxisLabel”: true,
“yAxisLabelTextSize”: 11,
“yAxisShownthLabel”: 0,
“displayUnit”: “auto”,
“noOfDecimal”: 2.0,
“yAxisLabelPrefix”: ” “,
“yAxisLabelSuffix”: ” “,
“yAxisLineColor”: { “solid”: { “color”: “#515151”}},
“yAxisLineWidth”: 0}],
“datalabels”:[{
“show”: false,
“dlOrientation”: “horizontal”,
“dlFontSize”: 11,
“dlOverlap”: false,
“dataLabelSeriesEnable”: false,
“dlPlacementVertical”: “outside”,
“dlPlacementHorizontal”: “outside”,
“dlContrastColor”: true,
“dlFontColor”: { “solid”: { “color”: “#515151”}},
“dlXOffset”: null,
“dlYOffset”: 0,
“dlBackground”: true,
“dlBackgroundColor”: { “solid”: { “color”: “#e6e6e6”}},
“dltransparency”: 25
}],
“columntotals”:[{
“show”: false,
“columnTotalYAxis”: true,
“columnTotalsFontColor”: { “solid”: { “color”: “#515151”}},
“columnTotalsFontSize”: 11,
“stacklabelfontweight”: “bold”,
“columnTotalOverlap”: false,
“stackOffset”: 0,
“noOfDecimal”: 2,
“scalingFactor”: “auto”
}],
“plotarea”:[{
“altGridHorizontal” : false,
“altGridHorizontalColor”: { “solid”: { “color”: “#cccccc”}},
“altGridVertical”: false,
“altGridVerticalColor”: { “solid”: { “color”: “#cccccc”}}
}],
“legend”:[{
“show”: true,
“vposition”: “top”,
“hposition”: “left”,
“titletext”: “Legend”,
“color”: { “solid”: { “color”: “#515151”}},
“legendFontSize”: 11,
“enablertl”: false,
“showSingleSeries”: false
}]
}
}
}
}

You are viewing 1 out of 1 answers, click here to view all answers.