問題タブ [chartist.js]

this.state を「main.js」(親コンポーネント)から「bar.js」(子コンポーネント)に渡したいと思います。

ここに私の子コンポーネントがあります:

さらに、いつ this.state と this.props を使用する必要があるかについて、まだ少し混乱しています。このシナリオでは、this.props を使用して正しくアプローチしていますか?

で困っていchartist.jsます。y-axisグリッド線の間隔を40px.(現在 36px) で調整したい 既にいくつかの例を見つけようとしましたが、できませんでした。

これは、グリッドの現在のスタイルです。

ご存知でしたら教えてください。ありがとう。

テキストが中央にあるドーナツ グラフを作成しようとしています。ドーナツ チャートを以下のようにする必要があります。

合計値は、グラフを作成する関数に渡す変数です。今のところ、これは私が持っているものです:

上記のチャートのコードは次のとおりです。

誰かドーナツの中にテキストを作成するのを手伝ってくれませんか?

簡単な質問です。ノード Template 内で Chartist.JS を使用して単純な棒グラフを表示しようとしていますが、スクリプトを実行するのに問題があるようです。私のコードの何が問題なのか、それを修正する方法を知っている人はいますか? 前もって感謝します。

私のマスター レイアウト ページ:

次に、チャーティストコードを含むページ:

横積み棒グラフを描いています。各バーの上下のスペースを制御したい。以下を使用して、各バー自体の高さを指定できます。

ただし、チャーティストは、グラフ全体に指定した高さに基づいて、各スタックの周囲のスペースを決定しているようです。代わりに、各スタックの周囲の高さを指定し、描画するバーの数に基づいてチャートの高さを大きくしたいと考えています。

chartist の API/ドキュメントを見てきましたが、探している設定が見つかりません。また、グラフの高さを設定しないようにしましたが、チャーティストは利用可能な高さ全体を使用し、利用可能な高さに基づいてバーを配置します。

バーの周りの間隔を制御する方法はありますか (バーの幅そのものではありませんか?)。

編集:私がやろうとしていることの例はこれです: https://gionkunz.github.io/chartist-js/examples.html#stacked-bar その積み上げ棒グラフでは、Q1、Q2、Q3 などが表示されます。チャーティストによって自動的に決定されるのではなく、これらのそれぞれが占めるスペースの量を制御したいと考えています。

負の数を表示したいのですが、負の数をchartist.jsサポートしていないようです:

私のコード:

https://gionkunz.github.io/chartist-js/examples.html

私は ClojureScript を初めて使用し、チャートを新しいデータで更新しようとしています。ChartistとReagentを使用しています。最初のグラフのレンダリングは正常に機能しますが、チャーティスト関数のデータを変更すると、グラフは再度レンダリングされません。私はすでにatomでさまざまなことを試し、chartistの更新機能を使用しようとしました。チャーティスト更新APIへのリンクは次のとおりです

これまでの私のコードは次のとおりです。

誰かが助けてくれたら最高です。

更新: figwheel をプロジェクトに追加して修正しましたが、これで問題が解決し、チャートが更新されました。最後に component-did-update の下にある Chartist の update 関数も使用しました。figwheel へのリンクは次のとおりですhttps://github.com/bhauman/lein-figwheel

チャーティストの折れ線グラフの x 軸を 0 からではなく、最小値より下の 10 と最大値より上の 10 にする方法はありますか?