RapidMiner

how to change font size and line color of chart(html5) in app designer ?

SOLVED
Contributor II dkpengqiuyang
Contributor II

how to change font size and line color of chart(html5) in app designer ?

greeting,

how can I change chart detail like font size and line color in web service or app designer ? the curve color do not match the condition (like green for ok), and the font szie is too large for web interface.

thank you.

3 REPLIES
RM Certified Expert
RM Certified Expert

Re: how to change font size and line color of chart(html5) in app designer ?

It's been a while since I did this but I think the font and colors can be manipulated in the advanced settings for the chart. See this post: http://community.rapidminer.com/t5/RapidMiner-Server/LABELS-CHARTS/m-p/37265

 

Maybe @Edin_Klapic can chime here too. 

RM Staff
RM Staff
Solution

Re: how to change font size and line color of chart(html5) in app designer ?

Hi dkpengqiuyang,

 

The font size for the Data labels can be changed in the HighCharts Expert settings (see screenshot).

The string to enter would be

{plotOptions: {series: {dataLabels: {style: {fontSize: '20px'}}}}}

 

The colors are defined by the Style bundle and applied in the order the attributes are listed in the Publish to App object.

Maybe a workaround would be to simply reorder the attributes so Ok appears in green?

 

Best regards,

Edin

image.png

Highlighted
RM Staff
RM Staff

Re: how to change font size and line color of chart(html5) in app designer ?

You can of course format the font size for the xaxis as well.

The syntax is:

{xAxis: {labels: {style: {fontSize: '20px'}}}}

 

Together with the data labels your entry would be:

{plotOptions: {series: {dataLabels: {style: {fontSize: '20px'}}}},xAxis: {labels: {style: {fontSize: '20px'}}}}

 

 

Best,

Edin