2017-07-24 3 views
0

Ich versuche, Tooltips für mein Diagramm einzurichten. Der Wert ist ein Prozentsatz, aber ich möchte die "tatsächliche" Zahl nicht den Prozentsatz anzeigen. Der Feldname ist "moduleCount" und enthält die richtigen Werte. Wenn ich jedoch den Mauszeiger über das Diagramm halte, erhalte ich einen "'moduleCount' undefined" -Fehler von Angular. Ich nehme an, dass ich den Tooltip nicht richtig definiere, da 'moduleCount' definiert ist und einen Wert hat.Angularjs Kendo Chart Tooltip-Feld "undefinierter Fehler"

Mein HTML:

<div kendo-chart 
        k-series-defaults="{type: 'column', labels:{visible: true, background: 'transparent', field: 'modulePercentage', format:'p0', template: '#= value#%'}}" 
        k-series="[{field: 'modulePercentage', colorField: 'BackGroundColor', name: 'SSQScore', type: 'pie'}]" 
        k-plot-area="{margin:{top: 5, left: 25, right: 25, bottom: 5}}" 
        k-category-axis="{field: 'Score', labels:{font: 'bold 8px sans-serif', rotation: '-45'},majorGridLines:{visible: true}, line:{visible: true}}" 
        k-value-axis="{majorGridLines: {visible: true}, visible: true}" 
        k-tooltip="{visible: true,format: '{0}',template: '#=moduleCount #'}" 
        k-data-source="contractorStatus"> 

       </div> 

ist Jede mögliche Unterstützung sehr zu schätzen!

Antwort

0

Ich habe das herausgefunden. Ich musste "dataItem" mit dem Namen des Feldes einschließen. Die Arbeitsdefinition lautet:

k-tooltip="{visible: true,format: '{0}',template: ' #=dataItem.moduleCount # '}"