JSON Theme file
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.
uxbrian Answered question
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
}]
}
}
}
}