AngularJS的基础设施数据图表

这里我在Angular Js（1.4）应用程序中使用infragistics数据图表。。 显示点值的工具顶部没有显示出来，如何显示图例来描述每个系列的用途

以下是我的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>

---

确保已正确定义所有属性：

showTooltip="true"

应该是

show-tooltip="true"

---

好的，谢谢，成功了，传奇怎么样？当我把它作为一个属性给出时，它没有接受，legen=“ctrl.legend”（在html中）vm.legend={element:“legend”}；（在ctrl键内）确保键入的选项正确-应该是legend而不是legen。你能做一把小提琴来演示这一点吗？

show-tooltip="true"