nvd3.js

0熱

1答えて

Webアプリケーションでチャートを生成するのにNVD3を使用しています。すべてのチャートはSVGです。私はこれらのチャートをキャンバスオブジェクトに描画してイメージに変換したいと考えています。ただし、チャートのルックアンドフィールはCSSスタイル（NVD3に含まれています）に依存するため、結果の画像はアプリでレンダリングされたチャートのようには見えません。 SVGをキャンバスに描画するときにCS

0熱

1答えて

nvd3のx軸ラベルを動的に更新する

値に基づいてnvd3のx軸ラベルを更新しようとしていますが、x軸axisLableは文字列だけでなく、チャート全体の関数を返します。文字列を返すようにしますか？ $scope.options_scn_cst_compare = { chart: { type: "multiBarChart", x: function(d){ return d.x; },

0熱

1答えて

x軸の月をnvd3のチャートで表示する - odoo？

最後の3か月のデータを表示する折れ線グラフを作成しました。 x軸（最初と最後）に2つの日付/月のみを表示する点を除いて、正常に動作します。中点のラベルは表示されません。 linechart.js self.chart = nv.models.lineChart() .margin({left:100,botoom:50,top:0}) .useInteractiveGu

0熱

1答えて

d3で "2016-07-18 14：49：11,157"を解析するにはどうすればよいですか？

私は現在 "2016-07-18 14:49:11" は単純で解析されd3.v4、使用しています： var parseDate = d3.timeParse("%Y-%m-%d %H:%M:%S"); は、どのように私は"2016-07-18 14:49:11,157"を解析することができますか？

0熱

1答えて

積み重なった棒グラフの間に空白があり、y0が間違った位置から始まっていますか？</p> <p><a href="https://i.stack.imgur.com/DASdV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DASdV.png" alt="enter image description here"></a></p> <p>私のデータをHTMLは次のように現れ上：

私はこのようになり積み上げ棒グラフのバーの間に空白を持ってnvd3でこの奇妙な振る舞いを取得しています： [ { "color": "#7C97B7", "key": "Both", "values": [ { "key": "Both", "series": 0, "size": 1, "valu

2熱

1答えて

nvd3グラフのY軸ラベルにどのように回転するのですか

nvd3には複数のチャートがあります。 yAxis1とyAxis2の両方のy軸ラベルを回転させる必要があります。しかし、y axislabelsを回転させるための良い選択肢はないことがわかります。 xAxisラベルを回転させるためにはかなり簡単です。ちょうどu3ng rotateLabels: 45はxAxisのために働く。しかし、このソリューション軸yについてwork.Iは、以下のようyAxis

0熱

1答えて

convert nvd3 chart as pdf/png

私は、角度nvd3チャートを使ってグラフのデータをプロットしています。グラフをpdf/png形式でエクスポートする必要があります。 jdPDFで試しました。しかし、それはCSSをレンダリングしていません。誰も私にこれを助けることができますか？

0熱

1答えて

私はここにD3サンキー例に変更を加えることにしようとしています「ロード」にではなく、マウスイベント

にD3.JSの関数を呼び出す： http://bl.ocks.org/d3noob/c2637e28b79fb3bfea13 私は、各ノードのy位置を移動したいです指定された場所（下の例では300ピクセル）に移動します。これを達成するために私が見ることができる最も単純な方法は、SVG要素が追加された後にdragmove()を単に呼び出すことです。私は300ピクセルに移行するには、この関数でd.y

0熱

2答えて

nvd3折れ線グラフでshowMaxMin：trueが機能しない

こんにちは、私のアプリケーションでNVD3折れ線グラフを実装しましたが、X軸に "January、February..till..December"完璧ですが、x軸のティックはそのままレンダリングされません。ここで私は描くことができ折れ線グラフのスナップショットは、私がやっていることであると、私は解決策を得るのを助ける、 JSPコードしてください： <nvd3 options="options"

0熱

1答えて

nvD3 Lineplusbarチャートのツールヒントの日付が正しく表示されません（12/31/1969）

nvD3が新しく、NVD3でLineplusbarチャートを実装しようとしています。私はnvd3ウェブサイトのコードをそのまま使用しています。しかし、ツールチップは、誰かがこの問題を修正するのに役立つしてくださいことができ値0 chart.xAxis .showMaxMin(true) .tickFormat(function(d) { var dx = data[