+- Forums (https://bdn.bdb.ai)
+-- Forum: BDB Knowledge Base (https://bdn.bdb.ai/forumdisplay.php?fid=13)
+--- Forum: BDB Dashboards Designer (https://bdn.bdb.ai/forumdisplay.php?fid=43)
+---- Forum: BDB Designer Q & A (https://bdn.bdb.ai/forumdisplay.php?fid=16)
+---- Thread: Custom tooltip for the chart with HTML tags. (/showthread.php?tid=555)
Custom tooltip for the chart with HTML tags. - Asma M - 12-23-2022
Add the legends
"<p><font color=""#282830""><b>Trip start </b>: [trip_start_time]</font></p>
<p style=""font-size: 14px;""><font color=""#282830""><b>Trip end</b> : [trip_end_time]</font></p>
<p style=""font-size: 14px;""><font color=""#282830""><hr></font></p><!--EndFragment-->
<p style=""font-size: 14px;""><font color=""#282830""><b>Trip distance (km)</b> : <span style=""font-size: 14px;float: none;"">[distance_km]</span></font></p>
<p style=""font-size: 14px;""><font color=""#282830""><b>Duration (mn)</b> : [total_time_mn] </font></p>
<p><font color=""#282830""><b>Max speed (kph)</b> : [max_speed]</font></p>
<p><span style=""font-size: 14px;float: none;""><font color=""#282830""><b>Avg speed (kph)</b> : [avgspeed]</font></span></p>
<p><font color=""#282830""><b>Fuel consumption (L) </b>: [fuel_consumption]</font><hr ></p>
<p><svg height=""15"" width=""15""> <circle cx=""7"" cy=""10"" r=""5"" stroke=""black"" stroke-width=""0"" fill=""#ff0022""></circle></svg><b><font color=""#282830"">  Warning lamp</font> </b>: <span style=""font-size: 14px;float: none;"">[warning_red]<span style=""font-size: 14px;float: none;""><hr ></span></span> <svg height=""15"" width=""15""> <circle cx=""7"" cy=""10"" r=""5"" stroke=""black"" stroke-width=""0"" fill=""#f9af46""></circle></svg><b><font color=""#282830"">  Warning lamp</font> </b>: [warning_orange]</p>"