how to give space between x axis values and heat rules. I have share the image of heatmap. In that i highlight where i need space.
Not quite a clean way to do it dynamically, and it also doesnt increase the size so if you translate it to much you wont be able to see it… Doesnt really look worth the trouble xd
So you should most likely change div[data-component="ia.chart.xy"]
to .psc-StyleClassName
and add the styleclass to your chart. That way you can also use css injection which is easiest for somethign like this
div[data-component="ia.chart.xy"] svg g[role="region"] g:nth-child(2) > g:nth-child(3) > g > g > g > g:nth-child(3){
transform: translate(0,370px) !important;
}
Not get it.
create a style class (in this case Folder/NewStyle)
paste this code below into the background image, just change the first param to match your style path (behind the psc-) (replace / with\/
for folders)
adjust the 370px to what seems to fit for you, % probably works too
}.psc-Folder\/NewStyle svg g[role="region"] g:nth-child(2) > g:nth-child(3) > g > g > g > g:nth-child(3){ transform: translate(0,370px) !important;}{
It really isnt all that great to do and might not work with certain legends or stuff enabled
Thank you