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

dkpengqiuyang
dkpengqiuyang New Altair Community Member
edited November 5 in Community Q&A

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.

1.jpg 55.2K

Answers

  • Thomas_Ott
    Thomas_Ott New Altair Community Member

    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. 

  • Edin_Klapic
    Edin_Klapic New Altair Community Member
    Answer ✓

    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

  • Edin_Klapic
    Edin_Klapic New Altair Community Member

    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