バーチャルのバーに異なる幅を設定するには

flotライブラリを使用してbarchartを構築しています。私は各バーに異なる幅を設定する必要があります。私はflotと一般的なjavascriptをかなり新しくしているので、私はその周りに自分のやり方をハッキングしたくありません。バーチャルのバーに異なる幅を設定するには

これを行うにはきれいな方法がありますか？

出典

2016-04-01 Paschalidis Christos

まずは自分で試してみて、ここで具体的な質問をしてください。 –

質問は非常に具体的で完全に理解できます。初心者にとっては、そのようなケースがカバーされていない大部分の例ではそうではありません。私が間違っていることを自由に感じてください。 – LetsPlayYahtzee

プラグインの内部コードを変更することなく、1つのデータ系列で異なるバー幅を使用することはできません。できることは、必要なバー幅ごとに1つずつ、データ系列を複数の系列に分割することです。 – Raidri

-2

これは、クラス名がflot-baseのキャンバスのスタイルプロパティを編集することで実行できます。余分なCSSクラスをHTMLのこのクラスプロパティに追加するか、JavaScriptを使用して動的に行います。これを行うにはadd it to the classList、スタイルプロパティを編集するかjquery addClass methodを使用します。それは私があなたの質問を誤解している可能性があります、そしてあなたは、個々のバーを意味：

var myFlot = document.querySelector('.flot-base'); 
myFlot.style.display.width = '1200px'; 
myFlot.style.display.height = '500px'; 
// alternative: myFlot.classList.add('cssClassWithCorrectDimensions');

編集：

たとえば、あなたのFLOTコードがDOMにロードされたとき、あなたが正しいキャンバスにアクセスすることができます棒グラフ。その場合は：ごめんなさい。：p

これがあなたを助けてくれることを願っています。 :-)

出典

2016-04-01 13:40:56

javascriptを使ってそのアイデアを実装する際のアイデアをいくつか教えていただけますか？ –

キャンバスのスタイルを変更すると、グラフ内の個々のバーには何も表示されません。 – Raidri

オリジナルの投稿を編集しました。これはもう少しあなたを助けますか？ –

バーチャルのバーに異なる幅を設定するには

答えて

関連する問題