- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在探索 flot,jquery 图形库。
我希望能够创建条形图。看来它并不是为此而专门设置的。如果我稍微扭曲我的数据,我就可以让它大部分按照我的设想去做。使用此代码:
var dataSet = [
[ 15132, "Inez" ],
[ 21441, "Rocky" ],
[ 29141, "Jim" ],
[ 18211, "Sophia" ],
[ 17556, "Perry" ],
[ 32251, "Jorge" ],
[ 43560, "Madison" ],
[ 20180, "Gil" ],
[ 12180, "Fran" ],
[ 31018, "Sheila" ],
[ 45143, "Nial" ],
];
function plotChart() {
var d1, xaxisLabels = [], i=0;
d1 = dataSet.map(function(elt){return {label: elt[1], data: [[i++, elt[0]]]};});
i = 0;
// example for xaxis option: {ticks: [[1,'One'], [2,'Two'], [3,'Three'], [4,'Four'], [5,'Five']]},
xaxisLabels = dataSet.map(function(elt) { return [i++, elt[1]]; });
$.plot($("#chart1"),
d1,
{
legend: {
show: true,
container: $('#legend1'),
},
series: {
bars: {
show : true,
align : 'center',
//dataLabels : true,
barWidth : 0.4
}
},
xaxis: { ticks: xaxisLabels },
yaxis: {
ticks: 10
},
grid: {
show: true,
backgroundColor: { colors: ["#fff", "#eee"] }
}
});
}
$(document).ready(plotChart);
这就是我得到的:
这相当不错。但我想删除垂直轴线。这些在折线图中可能有意义,但在条形图中则不然。
有人知道我该怎么做吗?
最佳答案
你所需要的只是
xaxis: { tickLength: 0 }
关于jquery - 如何构建没有垂直轴线的 jquery/flot 条形图?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7216971/
如何在图表中显示每个柱的轴线?我只有第二个,第四个......, alt text http://img35.imageshack.us/img35/6106/chartiu.png 最佳答案 我找到
我在 jqPlot 样式方面遇到了一些麻烦。目前我有这个: 这需要相当多的摆弄才能得到它,但现在我遇到了一个问题——左边的线!我不知道如何删除它,因为我实际上不知道它是什么! 这是我到目前为止的代码。
这是使用基数,我可以在其中控制 x 和 y Axis 范围,即应准确绘制线条的位置。 plot(mtcars$mpg, mtcars$hp, ylim = c(0, 400), xlim = c(0,
我想在 0 处向 Matlab 图形添加一条 x 轴线,以便在将图形保存为 jpg 时比较我的数据以查看它是正数还是负数。做这个的最好方式是什么?我知道您可以使用 line() 但它看起来很麻烦,因为
我想放入一个类似于 matplotlib 中提供的以下内容的 axspan,以便我的图表中有一条垂直线来指出一个位置。这是使用 pygal 的折线图 plt.axvspan(fin_loc, fin_
Plnkr 示例: http://plnkr.co/edit/19D5cnrVYdUrMlblQARy?p=preview 我的应用程序的屏幕截图: 我尝试修改 CSS,但是我只能删除第二条(右 Y
在上图中,有一条线表示 y = 0(标记 x 轴)。 x = 0 没有(标记 y 轴)。 如何让一个出现在 x = 0 处? 我试过... MyZedGraphObject.ZedGraphContr
我有一个显示标准偏差曲线(钟形曲线)的 Highchart。我想在 x=0 时绘制一条 x 轴垂直线。(请参阅我当前的图表)。当我包含代码以包含图表时,图表消失了,所以我相信我需要改变一些东西,很明显
我是 d3.js 的新手,我还不明白为什么我的 X 轴线放在顶部而不是底部(请看下面的图片)。 这是我正在使用的代码(经过简化以减少代码量): var data = []; var days = ["
我知道这个问题有点重复 jqPlot Styling - How to remove Y axis line? 但是因为那个问题没有得到确认的答案(发布的那个对我不起作用),所以我在这里重新提问。 我
我正在使用 flot 来显示条形图。当我将tickLength设置为0时,它会隐藏垂直线和水平线,但也会隐藏x轴和y轴线。我需要 x 轴和 y 轴,而不需要垂直和水平网格线。有办法做到这一点吗? 请参
我正在开发一个应用程序,为此我使用了 androidplot 库。我的要求是绘制曲线图 - 与显示的非常相似 here 我可以很好地绘制平滑图形,但我想删除与图形一起显示的 X 轴和 Y 轴。我只需要
对于下图 有谁知道如何得到那些上面有数字的水平线?我所能做的就是给刻度线本身和它们右边的数字上色。有什么想法可以实现吗? 最佳答案 您需要在轴上使用 majorGridLineStyle 属性。还要检
我是一名优秀的程序员,十分优秀!