javascript - How to set up a custom template on Chartjs? -

-

i working line chart chartjs , the angular extension plugin.

i having difficulties trying edit tooltip according docs need create custom template in order achieve need

here have far

enter image description here

as see there tooltip not displaying need, need display this:

$amount (total)

so in case should be:

$150 (1)

got ?

see code

      $scope.labels = object.keys(data);       $scope.seriesconv = ["amount"];       $scope.dataconv = $scope.seriesconv.map(function(serie) {         return $scope.labels.map(function(label) {           $scope.trafficsource = object.keys(data[label])[0];           $scope.chartoptions = {             tooltiptemplate: "<%= '$' + value %>",           };           return data[label][$scope.trafficsource].conversions.amount;         });       });

and html

   <canvas id="line" class="chart chart-line"            height="100" chart-options="chartoptions"            chart-data="dataconv" chart-labels="labels">    </canvas>

this data receiving

{   "12-15-2015": {     "55f6de98f0a50c25f7be4db0": {       "conversions": {         "total": 0,         "amount": 0       },       "clicks": {         "total": 8,         "real": 1       }     }   },   "12-16-2015": {     "55f6de98f0a50c25f7be4db0": {       "conversions": {         "total": 0,         "amount": 0       },       "clicks": {         "total": 18,         "real": 1       }     }   },   "12-17-2015": {     "55f6de98f0a50c25f7be4db0": {       "conversions": {         "total": 1,         "amount": 22       },       "clicks": {         "total": 12,         "real": 1       }     }   },   "12-18-2015": {     "55f6de98f0a50c25f7be4db0": {       "conversions": {         "total": 0,         "amount": 0       },       "clicks": {         "total": 6,         "real": 1       }     }   },   "12-19-2015": {     "55f6de98f0a50c25f7be4db0": {       "conversions": {         "total": 0,         "amount": 0       },       "clicks": {         "total": 12,         "real": 1       }     }   },   "12-20-2015": {     "55f6de98f0a50c25f7be4db0": {       "conversions": {         "total": 0,         "amount": 0       },       "clicks": {         "total": 10,         "real": 1       }     }   },   "12-21-2015": {     "55f6de98f0a50c25f7be4db0": {       "conversions": {         "total": 1,         "amount": 22       },       "clicks": {         "total": 1,         "real": 1       }     }   },   "12-22-2015": {     "55f6de98f0a50c25f7be4db0": {       "conversions": {         "total": 1,         "amount": 150       },       "clicks": {         "total": 1,         "real": 1       }     }   },   "12-26-2015": {     "55f6de98f0a50c25f7be4db0": {       "conversions": {         "total": 0,         "amount": 0       },       "clicks": {         "total": 4,         "real": 1       }     }   },   "12-28-2015": {     "55f6de98f0a50c25f7be4db0": {       "conversions": {         "total": 0,         "amount": 0       },       "clicks": {         "total": 1,         "real": 1       }     }   },   "12-29-2015": {     "55f6de98f0a50c25f7be4db0": {       "conversions": {         "total": 0,         "amount": 0       },       "clicks": {         "total": 1,         "real": 1       }     }   },   "01-03-2016": {     "55f6de98f0a50c25f7be4db0": {       "conversions": {         "total": 0,         "amount": 0       },       "clicks": {         "total": 2,         "real": 1       }     }   },   "01-04-2016": {     "55f6de98f0a50c25f7be4db0": {       "conversions": {         "total": 0,         "amount": 0       },       "clicks": {         "total": 3,         "real": 1       }     }   },   "01-05-2016": {     "55f6de98f0a50c25f7be4db0": {       "conversions": {         "total": 0,         "amount": 0       },       "clicks": {         "total": 6,         "real": 1       }     }   },   "01-06-2016": {     "55f6de98f0a50c25f7be4db0": {       "conversions": {         "total": 0,         "amount": 0       },       "clicks": {         "total": 6,         "real": 1       }     }   },   "01-10-2016": {     "55f6de98f0a50c25f7be4db0": {       "conversions": {         "total": 0,         "amount": 0       },       "clicks": {         "total": 1,         "real": 1       }     }   },   "01-11-2016": {     "55f6de98f0a50c25f7be4db0": {       "conversions": {         "total": 0,         "amount": 0       },       "clicks": {         "total": 2,         "real": 1       }     }   },   "01-14-2016": {     "55f6de98f0a50c25f7be4db0": {       "conversions": {         "total": 0,         "amount": 0       },       "clicks": {         "total": 22,         "real": 1       }     }   } }

for playing "conversions : {} part of object, contains total , amount

so according docs of links, think should in order achieve want?


Comments

Post a Comment

Popular posts from this blog

Google sheets equipment borrowing system -

-
i working on google sheets system shows has item. have never worked google apps script before, want check value of c2, make sheet copy of data (d2, e2, g2) here (it trying copy 2nd column) , move here (in different sheet same document) next corresponding name on each particular section i think want rotate data columns becomes rows, , rows become columns, right? what need [transpose][1] function. for example, in a2, if put =transpose('sheet 2'!c1:1) , google sheets automatically fill column values of first row of 'sheet 2', starting @ c1 position. updated answer: here working example here steps: get filtered list of timestamp matched equipment sort list it's reverse order get first item sorted list ("last date") get position of "last date" in timestamp list get item in action list @ same position "last date" if item "check out" it's not available. note: might want store result of index() ...
Read more

android - Why am I getting the message 'Youractivity.java is not an activity subclass or alias' -

-
Image
i created own android project , cut , pasted code exercise: http://androidexample.com/show_phone_contacts_in_autocomplete_suggestions_-_android_example%20/index.php?view=article_discription&aid=106&aaid=128# when build project no errors or warnings. when run project window error: annoyingly, can't make window smaller, can't click of buttons. cick 'x' @ top, close it. here's project structure: where getting 'autocompletemain' from? (note small c) class named autocompletemain. help. and have activity included in android manifest, in case you're wondering: <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.androidexample.autocompleteedittext" android:versioncode="1" android:versionname="1.0" > <uses-permission android:name="android.permission.read_phone_state...
Read more

c# - Convert type 'System.Collections.Generic.List<string>' to 'System.Collections.Generic.IList<>' -

-
in model account have property this public list<string> roles { get; set; } later on want property convert ilist<iapplicationuserrole<role>> , have function public ilist<iapplicationuserrole<role>> roles { { return _account.roles; // how convert in specific type intended. } } here iapplicationuserrole public interface iapplicationuserrole<trolemodel> : irole<string> trolemodel : entitymodel { trolemodel role { get; set; } string name { get; set; } } i newbie thing. looking forward help. say have implementing class like: public class applicationuserrole : iapplicationuserrole<t> t : role { public applicationuserrole() { } public user user { get; set; } public t role { get; set; } } then, you'd this: public ilist<iapplicationuserrole<role>> roles { { return _account.roles .select(r => ...
Read more