javascript - How to remove trlabel value and tlLabel value from the square but it should be there in tooltip in heatmap chart? -
i want add description value x , y axies in tooltip of heat map data plots. achieved using trlabel , tllabel properties used show values in top left , top right inside square box. don't want values inside data plot boxes. want these in tooltips.
if i'm doing wrong way, please suggest me correct way.
fiddle showing approach.
any appreciated.
i tried solving issue, hope you..
fusioncharts.ready(function() { var saleshmchart = new fusioncharts({ type: 'heatmap', renderat: 'chart-container', width: '550', height: '270', dataformat: 'json', datasource: { "chart": { "caption": "top smartphone ratings", "subcaption": "by features", "xaxisname": "features", "yaxisname": "model", "showplotborder": "1", "xaxislabelsontop": "1", "plottooltext": "<div id='namediv' style='font-size: 12px; border-bottom: 1px dashed #666666; font-weight:bold; padding-bottom: 3px; margin-bottom: 5px; display: inline-block; color: #888888;' >$rowlabel :</div>{br}rating : <b>$datavalue</b>{br}$columnlabel : <b>$tllabel</b>{br}<b>$trlabel</b>", "basefontcolor": "#333333", "basefont": "helvetica neue,arial", "captionfontsize": "14", "subcaptionfontsize": "14", "subcaptionfontbold": "0", "showborder": "0", "bgcolor": "#ffffff", "showshadow": "0", "useplotgradientcolor": "0", "canvasbgcolor": "#ffffff", "canvasborderalpha": "0", "legendbgalpha": "0", "legendborderalpha": "0", "legendshadow": "0", "legenditemfontsize": "10", "legenditemfontcolor": "#666666", "tooltipcolor": "#ffffff", "tooltipborderthickness": "0", "tooltipbgcolor": "#000000", "tooltipbgalpha": "80", "tooltipborderradius": "2", "tooltippadding": "5", }, "rows": { "row": [ { "id": "sgs5", "label": "samsung galaxy s5" }, { "id": "htc1m8", "label": "htc 1 (m8)" }, { "id": "iphones5", "label": "apple iphone 5s" }, { "id": "lumia", "label": "nokia lumia 1520" } ] }, "columns": { "column": [ { "id": "processor", "label": "processor" }, { "id": "screen", "label": "screen size" }, { "id": "price", "label": "price" }, { "id": "backup", "label": "battery backup" } , { "id": "cam", "label": "camera" } ] }, "dataset": [ { "data": [ { "rowid": "sgs5", "columnid": "processor", "value": "8.7", "tllabel": "quad core 2.5 ghz", "trlabel": "os : android 4.4 kitkat" }, { "rowid": "sgs5", "columnid": "screen", "value": "8.5", "tllabel": "5.1 inch", "trlabel": "amoled screen" }, { "rowid": "sgs5", "columnid": "price", "value": "9.3", "tllabel": "$600" }, { "rowid": "sgs5", "columnid": "backup", "value": "9.7", "tllabel": "29 hrs", "trlabel": "battery : 2800 mah" }, { "rowid": "sgs5", "columnid": "cam", "value": "8", "tllabel": "16 mp", "trlabel": "front camera : 2.1 mp" }, { "rowid": "htc1m8", "columnid": "processor", "value": "9.2", "tllabel": "quad core 2.3 ghz", "trlabel": "os : android 4.4 kitkat" }, { "rowid": "htc1m8", "columnid": "screen", "value": "8.3", "tllabel": "5 inch", "trlabel": "lcd screen" }, { "rowid": "htc1m8", "columnid": "price", "value": "7.3", "tllabel": "$600" }, { "rowid": "htc1m8", "columnid": "backup", "value": "8.8", "tllabel": "20 hrs", "trlabel": "battery : 2600 mah" }, { "rowid": "htc1m8", "columnid": "cam", "value": "8.7", "tllabel": "4 mp", "trlabel": "front camera : 5 mp" }, { "rowid": "iphones5", "columnid": "processor", "value": "9.1", "tllabel": "dual core", "trlabel": "os : ios 7" }, { "rowid": "iphones5", "columnid": "screen", "value": "8.6", "tllabel": "4 inch", "trlabel": "retina lcd screen" }, { "rowid": "iphones5", "columnid": "price", "value": "7.2", "tllabel": "$649" }, { "rowid": "iphones5", "columnid": "backup", "value": "8.4", "tllabel": "10 hrs", "trlabel": "battery : 1560 mah" }, { "rowid": "iphones5", "columnid": "cam", "value": "9.5", "tllabel": "8 mp", "trlabel": "front camera : 1.2 mp" }, { "rowid": "lumia", "columnid": "processor", "value": "8.8", "tllabel": "quad core 2.2 ghz", "trlabel": "os: windows phone 8" }, { "rowid": "lumia", "columnid": "screen", "value": "9.1", "tllabel": "6 inch", "trlabel": "lcd screen" }, { "rowid": "lumia", "columnid": "price", "value": "9.7", "tllabel": "$470" }, { "rowid": "lumia", "columnid": "backup", "value": "9.2", "tllabel": "27 hrs", "trlabel": "battery : 3400 mah" }, { "rowid": "lumia", "columnid": "cam", "value": "8.1", "tllabel": "20mp", "trlabel": "front camera : 1.2 mp" } ] } ], "colorrange": { "gradient": "1", "minvalue": "0", "code": "#e24b1a", "startlabel": "poor", "endlabel": "good", "color": [ { "code": "#e24b1a", "minvalue": "1", "maxvalue": "5", "label": "bad" }, { "code": "#f6bc33", "minvalue": "5", "maxvalue": "7", "label": "average" }, { "code": "#6da81e", "minvalue": "7", "maxvalue": "10", "label": "good" } ] } } }); saleshmchart.render(); });
Comments
Post a Comment