HighCharts

使用highcharts新建一个堆图,结果发现x轴说明和bar错位了,请问是什么原因?在div中y轴以及第一个x轴的说明没出来,是不是css的问题?如图所示:
请问如何设置legend,x轴以及y轴?

 

我同意你说的,应该是CSS的问题。我照着你说的设置了,仍然是正常的。

Highcharts本身不带CSS样式,有可能别的CSS样式作用了它。你看的那个DEMO估计只是图表本身,而你的应用里面可能已经有了其他的组件,而那些组件可能会自带CSS。这东西还得是你一点儿一点儿剥离,看看是哪部分影响了图表的显示,然后再想办法处理。CSS这块儿我就是小学生,估计是没法帮你了。

你把new Highcharts.Chart里面的代码贴出来看看呗

在我这里试的结果很正常,感觉像是空间太小被挤串了,你试一试单独把一个放到页面上什么效果。

legend的问题,其实也不能怪控件本身,没给留足够的地方,确实也没地方放。但是在我这里试不会被bar挡住,而是legend挡住bar了。
你可以适当设置chart.marginRight或者marginTop的值,在图表右边或者上边留出一部分用来显示legend。

顺便问一句,你用的什么浏览器?
感觉有些参数你设置的和显示的有矛盾的地方,比如legend.width,你才设置10,但是实际显示的效果完全超过了10。