添付画像のように水平パーセンテージチャートを描画したいと思います。私はすでにライブラリを試していますが、解決策を見つけることはできません。私を助けてください!Javascriptで水平パーセンテージチャートを描画する方法
答えて
それは、 "積み上げ棒グラフ" と呼ばれています。 Googleのチャートは、それを提供しています。それについて読むために下へ http://www.w3schools.com/bootstrap/bootstrap_progressbars.asp
ゴー:
https://developers.google.com/chart/interactive/docs/gallery/barchart#stacked-bar-charts
あなたの応答に感謝しますが、それは私の要件のようには見えません、私のグラフは単なる円グラフですが、水平な形です。 –
円グラフは円を360度作成するためのピースの集まりです。水平にするには、範囲[0度、360度]を範囲[0%、100%]にマップします。そのデータを「棒グラフ」に1バーのみで表示すると、水平バーが表示されます。軸を隠すように設定することができます:D – Khoa
あなたはdrupalの積み重ねのプログレスバーの機能を使用することができます。使い方は簡単ですし、CSSで色をカスタマイズすることもできます。
- 1. 水平スクロール表示のアンドロイド描画線
- 2. JSを使用して水平ルールを描画する
- 3. 水平スクロールで画像ギャラリーを作成する方法
- 4. JavaScript水平スライダ
- 5. Chart.js 2.0で水平線を描く
- 6. 同じ行に水平バーを描画します
- 7. 棒グラフに水平線を描く方法Chartjs
- 8. ページコントロールのサポートで水平スワイプの画面を作る方法
- 9. 画像を水平に表示する方法
- 10. .NETで水平リストボックスを作る方法
- 11. 水平画像スクロール
- 12. Androidで水平バーを描く最も簡単な方法は何ですか?
- 13. 画像を水平方向に反転
- 14. TStringGrid。水平スクロール時に行線が描画されない
- 15. 水平スクロールバーに線を描く - C#
- 16. Chart.js 2.1.6:水平線を描く?
- 17. 水平スクロールバーを表示する方法
- 18. 水平スクロールバーを削除する方法
- 19. アンドロイドホイールを水平にする方法は?
- 20. 水平テキストカルーセルを作成する方法
- 21. 水平マネージャを分割する方法
- 22. 水平表示ではなく垂直表示でテーブルを描画します
- 23. 2次元平面上に円を描画する方法
- 24. 水平画像をクリア
- 25. 水平線の描画方法は?私は運動を学ぶようにOpenGLに新しいです
- 26. モバイルデバイスに水平/水平レイアウトを強制する方法はありますか?
- 27. ipadでuisliderが水平方向に動かされると画像が水平方向に移動する
- 28. X軸から開始されたChart.jsの棒列に水平線を描画する方法は?
- 29. レスポンスネイティブで水平リストビューを行う方法
- 30. パスワードフィールドを描画する方法Ember.TextFieldを描画する方法ですか?
どのライブラリを使用しましたか?あなたはどこにいられますか?あなたのコードを投稿してください –