在小尺寸 div 容器中绘制 jqPlot 条形图

【问题标题】：Plot jqPlot bar chart in small size div container在小尺寸 div 容器中绘制 jqPlot 条形图
【发布时间】：2015-03-08 07:01:58
【问题描述】：

我想绘制一个简单的 jqplot 条形图。

但图表必须是固定尺寸，非常小[70x50 px]。

我在一个 div 中绘制图表，该 div 有一个 固定的 css，由于特定的项目要求，我无法更改。

这是正在应用的 css

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

当我在这么小的区域绘制图表时，它会搞砸并且不可见

我已经创建了一个显示相同的小提琴

那么如何在这么小的区域绘制条形图呢？

我不需要 x/y 轴的图例，只需要条形，任何帮助表示赞赏

【问题讨论】：

【解决方案1】：

我不能 100% 确定这是否是您正在寻找的，但我认为这是您的问题：

你需要为你的容器指定一个高度

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

}

另外我会隐藏标签

.jqplot-xaxis-tick{ display: none}

您容器中的填充，我们应该为 0 才能看到您要查找的结果。

padding:0;

并在 jqPlot 选项中更改以下参数

barWidth: 10,

希望对你有帮助

【讨论】：