nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Siemens Community Catalyst Program

The Siemens Community Catalyst program was co-created with our community to acknowledge technology leaders who consistently contribute to the Siemens Community. Nominations are accepted on a rolling basis.

Nominate Now

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

dkpengqiuyang

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.

Find more posts tagged with

AI Studio

Server

Visualization + Dashboards

Accepted answers

Edin_Klapic

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

All comments

Thomas_Ott

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

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

Edin_Klapic

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

Quick Links

Upcoming Events

Advancing power electronics design with Simcenter PSIM and High-Performance Computing
Join us for a community conversation on how High-Performance Computing (HPC) and Simcenter PSIM work together to meet the increasing demands of modern power electronics simulation. During this one-hour technical session, you'll discover how leveraging HPC can speed up simulations, improve scalability, and empower engineers…
Getting Started with Faster Motor Building in Simcenter Simlab
Join us for a community conversation on accelerating your motor simulation workflow with Simcenter Simlab. In this beginner-friendly session, we'll introduce the platform's automated model-building capabilities and show how easy it is to set up your first electric motor analysis. You'll see the basic steps of geometry…
Practical hybrid solver workflows in Simcenter Feko
Join us for a Community Conversation where we'll discuss practical approaches to analyzing complex electromagnetic models using hybrid solver techniques. This session will provide a general overview of how different computational methods can be combined within a single simulation to address models containing varied…

View all community events