2017-12-28 19 views
1

私はC3 jsを使ってグラフィックを描画するJava Webアプリケーションを開発しました。 C3 jsのツールチップでは、最小4小数点以下の数字を印刷しようとしています。私は、複数の環境、デスクトップ、モバイル(IOS & Android)でアプリケーションをテストしますが、Androidでは、3小数部の数字だけで表示されるツールチップの数字です。ここでAndroidの数字で実行されているJava Webアプリケーション

はC3 JSがツールチップを描画するために使用している私のjsのコードです:

tooltip: { 
           grouped: false, 
           contents: function(d, defaultTitleFormat, defaultValueFormat, color) { 
           var $$ = this, config = $$.config, titleFormat = config.tooltip_format_title || defaultTitleFormat, nameFormat = config.tooltip_format_name 
             || function(name) { 
              return name; 
             }, valueFormat = config.tooltip_format_value || defaultValueFormat, text, i, title, value, name, bgcolor; 

           for (i = 0; i < d.length; i++) { 
            if (!(d[i] && (d[i].value || d[i].value === 0))) { 
            continue; 
            } 

            if (!text) { 
            title = titleFormat ? titleFormat(d[i].x) : d[i].x; 
            text = "<table class='" + $$.CLASS.tooltip + "'>" 
              + (title || title === 0 ? "<tr><th colspan='2'>" + title + "</th></tr>" : ""); 
            } 

            name = nameFormat(d[i].name); 

            var fundName = dojo.query('#hiddenFundName')[0].value; 
            var raiffeisenAcumulareFundName = 'raiffeisen acumulare'; 
            if (fundName.toLowerCase() == raiffeisenAcumulareFundName) { 
            value = valueFormat(d[i].value.toLocaleString("en-US", { 
             minimumFractionDigits: 6 
            }), d[i].ratio, d[i].id, d[i].index); 
            } else { 
            value = valueFormat(d[i].value.toLocaleString("en-US", { 
             minimumFractionDigits: 4 
            }), d[i].ratio, d[i].id, d[i].index); 
            } 
            bgcolor = $$.levelColor ? $$.levelColor(d[i].value) : color(d[i].id); 
            var initialNAV = dojo.attr(query("#initialnavPU")[0], "value"); 
            text += "<tr class='" + $$.CLASS.tooltipName + "-" + d[i].id + "'>"; 
            text += "<td class='value'>" + '<h5>' + titleFormat(d[i].x) + '</h5>' + '<h5>Valoarea unitatii de fond: ' + value 
              + '</h5>' + '<h5>Randament: ' + ((d[i].value/initialNAV - 1) * 100).toFixed(2) + '%' + '</h5></td>'; 
            text += "</tr>"; 
           } 

           return text + "</table>"; 
           } 
          } 

あなたは私の電話番号は私が印刷したい小数の桁数を尊重していない理由を任意のアイデアを持っていますか?覚えておいてください、それはAndroid OS上にあります。ツールチップのための形式オプション追加

答えて

1

試してみてください。Androidの携帯電話が壊れているので、

tooltip: { 
    format: { 
     value: function (value) { 
      return d3.format('.4f')(value); 
     } 
    }, 
    ... 
    // your current options 
} 
+0

私はd3.jsからこのフォーマット機能を既に使用しましたが、残念ながら私は今テストすることはできません。 ..あなたの解決策/私の解決策が大丈夫なら、私も答えを投稿します。ありがとうございました! :) –

関連する問題