Я использую библиотеку flot для построения барчарта. Мне нужно установить разные ширины для каждого бара. Я совершенно новичок в flot и javascript в целом, поэтому я не хотел бы взламывать это.Как установить разную ширину для баров в barchart
Есть ли чистый способ сделать это?
Вы можете сделать это, отредактировав свойства стиля холста с именем класса flot-base. Добавьте дополнительный CSS-класс к этому свойству класса в HTML или динамически с помощью Javascript. Для этого вы можете add it to the classList, отредактировать свойства стиля или использовать jquery addClass method.
Например, когда ваш флот код загружается в DOM, вы можете получить доступ к правильной холст:
var myFlot = document.querySelector('.flot-base');
myFlot.style.display.width = '1200px';
myFlot.style.display.height = '500px';
// alternative: myFlot.classList.add('cssClassWithCorrectDimensions');
Edit: это возможно, что я неправильно понял ваш вопрос, и вы имели в виду отдельные бруски в шкальный. В этом случае: извините. : p
Надеюсь, это помогло вам. :-)
Можете ли вы дать мне представление о своей идее в реализации этого, используя javascript? –
Изменение стиля холста ничего не делает для отдельных баров внутри диаграммы. – Raidri
Я отредактировал свое оригинальное сообщение. Это поможет вам еще? –
Попробуйте сами, а затем задайте конкретные вопросы здесь. –
Вопрос кажется вполне конкретным и совершенно понятным для новичка, который не сможет найти способ обойти это, как в большинстве примеров с флотом такой случай не покрывается. Не стесняйтесь доказывать, что я ошибаюсь. – LetsPlayYahtzee
Различные ширины штрихов в одной серии данных невозможны без изменения внутреннего кода плагина. Что вы можете сделать, так это разделить ваши ряды данных на несколько рядов, по одной на необходимую ширину полосы. – Raidri