Please Note This forum exists for community support for the Mango product family and the Radix IoT Platform. Although Radix IoT employees participate in this forum from time to time, there is no guarantee of a response to anything posted here, nor can Radix IoT, LLC guarantee the accuracy of any information expressed or conveyed. Specific project questions from customers with active support contracts are asked to send requests to support@radixiot.com.

Radix IoT Website Mango 3 Documentation Website Mango 4 Documentation Website

  • I have dragged a serial chart onto my dashboard designer area and assigned series1-values as shown below:
    0_1499845380478_b590b1da-4eea-402c-b14a-a8550664b3c2-image.png
    When I add the following command into options, it increases the font size of all the labels (as required).

    {fontSize:"18"}
    

    0_1499845488956_0496cf3c-f277-42fe-895b-2f4178fcbb44-image.png
    But if I add true to the legend entry, by chart now looks like this:
    0_1499845544060_a13fcc2b-9b7a-456c-8fc2-18d4144b66a5-image.png

    Do you have any idea why the legend marker and 'Series 1' are misaligned and are taking up so much space?

    Cheers,
    Henry


  • I couldn't say exactly, we pass those options directly through to amCharts so you might want to refer to their documentation. Another option would be to change the font size using CSS.


  • Thanks Jared,

    I've had a good look at their documentation but haven't found any specific solution yet. I will try to make contact with their administration but in the meantime, would you be able to post an example CSS code to change font size?


  • You can add a stylesheet via UI Settings. e.g.
    0_1500047928595_9817a9f6-6202-42f9-bc7a-243a32e40319-image.png

    A quick example would be

    .amcharts-axis-label {
      font-size: 16px;
    }
    

    You can find the classnames in the amCharts documentation or use a browser inspection tool to example the elements of the svg and check which classes are on them. (e.g. in Chrome, right click something then select "Inspect").