1

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

这是我的示例 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  },

                ];
4

1 回答 1

2

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

showTooltip="true"

应该

show-tooltip="true"
于 2017-06-07T11:39:39.947 回答