回答
您可以通过enabling plot lines for both x和y轴添加这种背景图表的绘图区。
xAxis:[{
gridLineWidth: 1
}] // for yAxis grid lines are visible by default
演示:http://jsfiddle.net/0md5s7cz/
或者你可以为background of a chart's plot area设置图像。
chart: {
plotBackgroundImage: 'https://i.stack.imgur.com/BBTab.png'
},
感谢您的快速响应。其实我不想添加背景图片。使用gridLineWidth选项我尝试过,但框的大小很大。其实我正在寻找我在附件中分享的小盒子。 – rafik
@rafik在这种情况下,请在您的问题下看到** morganfree **的评论 - minorGridLine应该是您的解决方案。 –
谢谢Kacper。我尝试使用minorGridLineColor选项,但它只显示yAxis行而不是x轴。冷杉x轴我使用gridLineWidth:1选项,但它的水平线。但箱宽将是巨大的,它不能满足我的要求。 x轴:{ gridLineWidth:1 }, YAXIS:{ minorGridLineColor: '#E0E0E0', \t minorGridLineWidth:2, minorTickLength:0, 会将minorTickInterval: '自动' } – rafik
- 1. Highcharts填充栏背景
- 2. 背景颜色to highcharts
- 3. 更改HighCharts背景颜色?
- 4. Android:背景计算选项
- 5. nicEdit - 背景颜色选项
- 6. 激活背景选项卡
- 7. Vim背景首选项
- 8. 选项菜单项按下背景
- 9. 改变选择选项背景
- 10. CSS选项卡中选择背景色
- 11. 所选选项的背景颜色
- 12. 选项卡选择背景更改
- 13. 动态扩展选择选项背景
- 14. Highcharts - 选项dump.json
- 15. 在HighCharts上更改背景颜色
- 16. HighCharts:饼图需要背景图片
- 17. Highcharts值条与全高的背景吧
- 18. Highcharts:斑马色图表背景
- 19. Highcharts极坐标背景颜色
- 20. Highcharts标题背景不能更改
- 21. Highcharts - 应用背景图像div容器
- 22. Highcharts中没有背景图像
- 23. Highcharts车速表添加图像背景
- 24. jquery highcharts背景颜色变化
- 25. jQuery更改所选项目更改选定选项的背景
- 26. 背景选项卡的颜色不选择选项卡
- 27. 背景选项卡动画和jQuery
- 28. Android TabHost选项卡背景较小
- 29. 选项上的背景图像
- 30. Android android:背景自动旋转选项
使用网格线和次要网格线http://jsfiddle.net/g26xwgzp/。有关更多选项,请参阅API http://api.highcharts.com/highcharts/yAxis.minorGridLineWidth – morganfree
感谢Morgon。我尝试使用minorGridLineColor选项,但它只显示yAxis行而不是x轴。冷杉x轴我使用gridLineWidth:1选项,但它的水平线。但箱宽将是巨大的,它不能满足我的要求。 xAxis:{gridLineWidth:1},yAxis:{minorGridLineColor:'#E0E0E0',minorGridLineWidth:2,minorTickLength:0,minorTickInterval:'auto'} – rafik
您必须为两个轴 - xAxis和yAxis设置小网格线。看看我在上面的评论中发布的小提琴。 – morganfree