Question

求一个横向的jquery统计条形图（不使用插件）

最好是类似于这种的横向统计条形图。求大神给我一个例子或者思路也行。

Answer 1

$.plot("#placeholderZH", [data,data1], {
series: {
bars: {
show: true,
barWidth: 0.6,
align: "center"
}
},
xaxis: {
mode: "categories",
tickLength: 10,
<a href="https://www.baidu.com/s?wd=min&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YYPv7WrHFbn1f3nWfsmHf10ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q1D4rj6snj03n10vn1DkPWb4rjT" target="_blank" class="baidu-highlight">min</a>: -1,
<a href="https://www.baidu.com/s?wd=max&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YYPv7WrHFbn1f3nWfsmHf10ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q1D4rj6snj03n10vn1DkPWb4rjT" target="_blank" class="baidu-highlight">max</a>: 2
},
colors: ["#DC5625", "#007ACC"]//这里就是颜色自定义的地方。
});

Answer 2

排一堆div， 通过样式控制他的长度

Answer 3

http://www.amcharts.com/demos/

不知哪个适合你。

追问

我想要的是不用插件实现的类似这个的代码或者一个思路也行。。