Plot jqPlot гистограмма в контейнере небольшого размера

Question

i Хочу построить простую диаграмму jqplot.

Но диаграмма должна быть фиксированного размера, который очень мал [70x50 px].

Я черчение диаграммы в DIV и DIV имеет фиксированный CSS, которые я не могу изменить из-за указанные требования проекта.

Вот CSS применяется

.task_brk_bar_chart { 
    width:10%; 
    float:left; 
    border: 2px solid red; 
    padding:10px 30px 10px 15px; 
} 

Когда я построить диаграмму в такой небольшой площади он получает завинчивающейся и не видимую

я создал скрипку, показывая тот же

https://jsfiddle.net/ce82natg/

Итак, как мне построить график в такой небольшой области?

я не нужны легенды оси х/у только бары, любая помощь ценится

Answer 1

Я не 100% уверен, что это то, что вы ищете, но вот что я думаю ваш вопрос:

Вы должны указать высоту для вашего контейнера

.task_brk_bar_chart { 
    width:10%; 
    float:left; 
    border: 2px solid red; 
    padding:10px 30px 10px 15px; 
    height: 70px; 

}

Кроме того, я бы скрыть Lables

.jqplot-xaxis-tick{ display: none} 

Прокладка в контейнере, мы должны 0, чтобы увидеть результат, который вы ищете.

padding:0; 

и измените следующие параметры в настройках jqPlot

barWidth: 10, 

Я надеюсь, что помогает