I found Graphpad can be used to make this scatter plot with bar. (http://www.graphpad.com/support/faq/graph-tip-how-can-i-make-a-barcolumn-graph-that-also-shows-the-individual-data-points/)
Why the error bar is so small and how it is calculated?
This depends what software you are using. In R this is pretty straightforward (for example, the pirateplot() function does this pretty much automatically, but you could also pretty easily hack it by using barplot() to make the bars and then using points() to plot the scatter over them) and in Excel I believe it is also possible to overlay multiple plot elements.
As for the error bar, you'd have to check the original source of the plot (whatever paper or website it appeared it) and see what the error bars are meant to represent. People use error bars to show a lot of different things (95% CIs, ±2 SE, ±1 SE, ±1 SD, etc...) and unfortunately sometimes they don't even specify what they are showing.
I want give some suggestions to you ,but I do not know if you can speak Chinese ? Maybe you could use BAIDU , I think it's a good tool for Chinese . And I also suggest you to use XIAOMUCHONG , a place for Chinese scientists to communicate with others , sometimes , I indeed that more and more talents are growing in the mainland ,believe it or not . May you success.