Question

我在一个meteogram中做了一个工具提示，我想要显示天空状态的图像。这是我的代码html

<div id="tooltip">
    <table class="table table-condensed">
        <tr><th>Hora (local)</th><th data-text="d.datetime | date">{d.datetime}</th></tr>
        <tr class="avg"><td>Temperatura </td><td data-text="d.temp | temp">{d.temp}</td></tr>
        <tr class="rain"><td>Precipitaci&oacute;n </td><td data-text="d.rain | rain">{d.rain} </td></tr>
        <tr class="wind"><td>Velocidad del viento </td><td data-text="d.wind_speed | wind">{d.wind_speed}</td></tr>
        <tr class="wind"><td>Direcci&oacute;n del viento </td><td data-text="d.wind_direcion | degree">{d.wind_direction}</td></tr>
        <tr class="pressure"><td>Presi&oacute;n</td><td data-text="d.pressure | pressure">{d.pressure} </td></tr>
        <tr class="hum"><td>Humedad</td>><td data-text="d.humidity | percent">{d.humidity} </td></tr>
        <tr class="cloud"><td>Nubes</td><td data-text="d.cloud | percent">{d.cloud} %</td></tr>
        <tr class="snow"><td>Nieve</td><td data-text="d.snow | snow">{d.snow} mm</td></tr>
        <tr class="sky"><td>Estado Cielo</td><td><img src={d.icon}/></td></tr>
    </table>
</div>

这是我链接脚本数据的部分

var ttobj = {d:{}};
rivets.bind($('#tooltip'), ttobj);

if(config.graphic.tooltip){
        d3.select('#tooltip')
            .attr('style', 'display: block; top:'+(ty+10)+'px;left:'+(tx+10)+'px');
        // update the rivets tt obj
        for(key in d) { 
            var value =0.0;
            if(key == 'icon'){
                value = "images/icons/"+d[key]+".png";

我有这个错误GET http://localhost/Grafica/%7Bd.icon%7D/ 404（未找到）并且不知道如何将它放在html中给我留下图片

Answer 1

改变这个：

<tr class="sky"><td>Estado Cielo</td><td><img src={d.icon}/></td></tr>

到此：

<tr class="sky"><td>Estado Cielo</td><td><img src="{d.icon}"/></td></tr>

您错过了 src 属性的引号。

GET http：//localhost/Grafica/%7Bd.icon%7D/ 404（未找到）

1 个答案: