Question

我正在使用AngularJS做一个小应用来记录听到的速率值。但是我遇到了麻烦：

下面是绘制一个heartRate监视器的低/高值的图表。一切正常，但控制台给我错误，如

Error: Problem parsing d="M{{heartRate.date}} {{heartRate.high}} L {{heartRate.date}} {{heartRate.low}}"

和

Error: Invalid value for <circle> attribute cx="{{heartRate.date}}"

我无法弄清楚出了什么问题。这是部分html的代码。我遗漏了所有其他代码，因为它基本上是微不足道的

非常感谢彼得

<svg style="width:900px; height:300px;">
                            <rect x="50" y="1" width="850" height="250px"     style="fill:transparent; stroke:grey; stroke-width=1px;"/>
                            <g class="xAxis">
                                <text x="50" y="270" style="text-anchor:middle;">Jan/2014</text>
                                <text x="150" y="270" style="text-anchor:middle;">Feb/2014</text>
                                <text x="250" y="270" style="text-anchor:middle;">Mar/2014</text>
                                <text x="350" y="270" style="text-anchor:middle;">Apr/2014</text>
                                <text x="450" y="270" style="text-anchor:middle;">May/2014</text>
                                <text x="550" y="270" style="text-anchor:middle;">Jun/2014</text>
                                <text x="650" y="270" style="text-anchor:middle;">Jul/2014</text>
                                <text x="750" y="270" style="text-anchor:middle;">Aug/2014</text>
                                <text x="850" y="270" style="text-anchor:middle;">Sep/2014</text>

                            </g>
                            <g class="yAxis">
                                <text x="40" y="250" style="text-anchor:end; baseline-shift:-0.5ex">50</text>
                                <text x="40" y="210" style="text-anchor:end; baseline-shift:-0.5ex">70</text>
                                <text x="40" y="170" style="text-anchor:end; baseline-shift:-0.5ex">90</text>
                                <text x="40" y="130" style="text-anchor:end; baseline-shift:-0.5ex">110</text>
                                <text x="40" y="90" style="text-anchor:end; baseline-shift:-0.5ex">130</text>
                                <text x="40" y="50" style="text-anchor:end; baseline-shift:-0.5ex">150</text>
                                 <text x="40" y="10" style="text-anchor:end; baseline-shift:-0.5ex">170</text>
                            </g>
                            <g ng-repeat="heartRate in heartRateValues">
                                <path d="M{{heartRate.date}} {{heartRate.high}} L {{heartRate.date}} {{heartRate.low}}" class="svgLine"/>
                                <circle cx="{{heartRate.date}}" cy="{{heartRate.high}}" r="3" class="svgCircle"/>
                                <circle cx="{{heartRate.date}}" cy="{{heartRate.low}}" r="3" class="svgCircle"/>
                            </g>

                        </svg>

AngularJS console.log问题

0 个答案: