Infragistics igDataChart in AngularJS

Question

Hier verwende ich Infragistics Datentabelle in meiner Angular Js (1.4) Anwendung. Die Werkzeugspitze, die Punktwerte zeigt, kommt nicht auf, und wie kann Legende zeigen, was jede Reihe ist?

Hier ist mein Beispiel HTML:

 <div id="lineLegend" style="float: left"></div> 
        <ig-data-chart id="datachart1" 
        data-source="ctrl.dataChart" auto-margin-height="12" legend="{ element: "legend" }" > 
     <axes> 
      <axis name="NameAxis" 
        type="categoryX" 
        title="Country" 
        label="Day"></axis> 

      <axis name="PopulationAxis" 
        type="numericY" 
        minimumvalue="0" 
        ></axis> 

     </axes> 
     <series> 
      <series name="Systolic" 
        type="area" 
         showTooltip ="true" 

        is-highlighting-enabled="true" 
        is-transition-in-enabled="true" 
        x-axis="NameAxis" 
        y-axis="PopulationAxis" 
        value-member-path="Systolic"> 
      </series>  
      <series name="Diastolic" 
        type="area" 
         showTooltip ="true" 

        is-highlighting-enabled="true" 
        is-transition-in-enabled="true" 
        x-axis="NameAxis" 
        trendLineBrush: "#000" 
        y-axis="PopulationAxis" 
        value-member-path="Diastolic"> 
      </series> 

     </series> 

    </ig-data-chart> 

Ctrl

vm.dataChart = [ 
        { "Day": "Mon", "Systolic": 80, "Diastolic": 100 }, 
        { "Day": "Tue", "Systolic": 10, "Diastolic": 30 }, 
        { "Day": "Wed", "Systolic": 266, "Diastolic": 295 }, 
        { "Day": "Thu", "Systolic": 397, "Diastolic": 229 }, 
        { "Day": "Fri", "Systolic": 161, "Diastolic": 300 }, 
        { "Day": "Sat", "Systolic": 61, "Diastolic": 130 }, 
        { "Day": "Sun", "Systolic": 361, "Diastolic": 30 }, 

       ]; 

Answer 1

Achten Sie darauf, Sie haben alle Eigenschaften korrekt definiert:

showTooltip="true" 

sollte

show-tooltip="true"