Good afternoon,

I've got a bandwidth sensor and usually I use the "Live graph (No labels)" object to represent it on maps. I want to make it better creating a div that has his background color related to the sensor status with a title.

So I created this:

<div class="map_object map_icon2 map_icon_large <#sensor type="colorclassofstate" prefix="map_iconcolor_" id="<@objectid>">" id="<@itemid>" objectid="<@objectid>" subid="<@subid>" style="border: 1px solid black; <#mapobject type="coordinates" subid="<@subid>" mode="<@editmode>">">
	<#mapobject type="objectgrip" mode="<@editmode>">
	<#mapobject type="htmlbefore" subid="<@subid>">
  <#checkobjecttype objecttype="sensor" nicemessage="true" id="<@objectid>">

  <span class="label"><#objectproperty name="Name" id="<@objectid>"></span>
<#object forcepng="true" type="graph" id="<@objectid>" graphid="0" graphstylefile="graphstyling.htm" datastylefile="graphdatastyling.htm" animationstylingfile="graphanimationstyling.htm"  tooltexts="1"  graphstyling="baseFontSize='0'%20showLegend='0'%20showAxis='0'" datastyling="anchorRadius='1'%20lineThickness='1'" >
  <#mapobject type="htmlafter" subid="<@subid>">
</div>

it works but I've got a problem: the graphs comes out the border of the div and I can't make it stay in the div.

The problem

How can I fit it?

Article Comments

Hi Andrea,

Right now, the graph will always inherit the height of the map object. You can now set a fixed height of the map object, or you can add the name into the object's graph title.

This will look like that:

<#checkobjecttype objecttype="sensor" nicemessage="true" id="<@objectid>"> <
" id="<@itemid>" objectid="<@objectid>" subid="<@subid>" style="<#mapobject type="coordinates" subid="<@subid>" mode="<@editmode>" >"> <#mapobject type="objectgrip" mode="<@editmode>"> <#mapobject type="htmlbefore" subid="<@subid>"> <#objectproperty name="Name" id="<@objectid>" var="objname"> <#object forcepng="true" type="graph" id="<@objectid>" graphid="0" graphstylefile="graphstyling.htm" datastylefile="graphdatastyling.htm" animationstylingfile="graphanimationstyling.htm" tooltexts="1" graphstyling="baseFontSize='12'%20showLegend='1'%20showAxis='0'" datastyling="anchorRadius='1'%20lineThickness='1'" width="<@width>" height="<@height>" graphtitle="@objname" varexpand="graphtitle"> <#mapobject type="htmlafter" subid="<@subid>">

Paessler Note: Kindly note that we cannot give extended support to customize map objects. These proposals come as they are.

Best regards, Felix


Jul, 2016 - Permalink

Good afternoon,

thanks for the reply but this doesnt fix the problem: I need only the name of the sensor and if I enable the legend I'll see alot of texts that take alot of space.

I found a solution: I put the sensor name label after the graph. In this way the graph fit the colored div and the sensor name is readable and clear.


Jul, 2016 - Permalink