如何设置 highcharts X轴和Y轴值
作者&投稿：施梅 （若有异议请与网页底部的电邮联系）
x轴有个xAxis
y轴是通过series里的data来显示数据
Y轴刻度不显示小数有个属性的，将allowDecimals的属性设置为false就可以了；
yAxis: {
title: {
text: ''
},
allowDecimals:false
}
x轴有个xAxis
y轴是通过series里的data来显示数据
Y轴刻度不显示小数有个属性的，将allowDecimals的属性设置为false就可以了；
yAxis: {
title: {
text: ''
},
allowDecimals:false
}
1、Axis Title
坐标轴标题。
2、Axis Labels
坐标轴标签（分类）。Labels常用属性有enabled、formatter、setp、staggerLines
1）enabled
是否启用Labels。x，y轴默认值都是true，如果想禁用（或不显示）Labels，设置该属性为false即可。
2）Formatter
标签格式化函数。默认实现是：
formatter:function(){
return this.value;
}
3）Step
Labels显示间隔，数据类型为number（或int）。
4）staggerLines
水平轴Lables显示行数。（该属性只对水平轴有效）当Lables内容过多时，可以通过该属性控制显示的行数。和该属性相关的还有maxStaggerLines属性。
3、Axis Tick
Tick为坐标轴刻度。默认情况下x轴刻度高(tickLength属性)为5px，宽为1px；y轴宽为0px(也就是不显示刻度)。Tick相关的属性主要有tickLength、tickWidth、tickColor、tickInterval、tickmarkPlacement。
1）tickLength、tickWidth、tickColor
分别代表刻度线的长度、宽度、颜色。
2）tickInterval
刻度间隔。其作用和Lables.step类似，就是不显示过多的x轴标签内容，不同的是，tickInterval是真正意义上的调整刻度，而Lables.step只是调整Labels显示间隔。所以在实际应用中，tickInterval用的多。
针对不同数据类型的坐标轴有不同的默认值。对于线性数据和Datetime类型数据，其默认值是tickPixelInterval值，对于Categorty表示间隔一个category。
3）tickmarkPlacement
刻度线对齐方式，有between和on可选，默认是between。
4、Axis gridLines
坐标轴网格线。默认情况下，x轴网格线宽度为0,y轴网格线宽度为1px。网格线共有三个属性可设置，分别是: gridLineWidth、gridLineColor、gridLineDashStyle
1）gridLineWidth
网格线宽度。x轴默认为0，y轴默认为1px。
2）gridLineColor
网格线颜色。默认为：#C0C0C0。
3）gridLineDashStyle
网格线线条样式。和Css border-style类似，常用的有：Solid、Dot、Dash。
自己对照着设置吧。
详细请参考：http://www.hcharts.cn/docs/index.php?doc=basic-axis
孔美可愈： highcharts所有的图表除了饼图都有X轴和Y轴,默认情况下,x轴显示在图表的底部,y轴显示在左侧(多个y轴时可以是显示在左右两侧),通过设置chart.inverted = true 可以让x,y轴显示位置对调. 1、Axis Title 坐标轴标题.默认情况下,x轴...
宝丰县15995632791： highcharts图标的X轴数值怎么设置 - ？
孔美可愈： highcharts 坐标轴: Axis Labels坐标轴标签(分类).Labels常用属性有enabled、formatter、setp、staggerLines enabled 是否启用Labels.x,y轴默认值都是true,如果想禁用(或不显示)Labels,设置该属性为false即可. Formatter 标签格式...
宝丰县15995632791： highcharts怎么设置x轴类型 - ？
孔美可愈： 这个可以将zdhighcharts.js换成highstock.js即可.highstock.js就是专门针对x轴刻度为datetime类型且数据多的情况,会自动生成滚动条专.如果你的x轴刻度不为datetime类型,则可以给highcharts的容器加入css控制 产生属横向滚动条.
宝丰县15995632791： highcharts中x轴的刻度的距离怎么设置？
孔美可愈： plotOptions: { series: { pointPadding: 0,//数据点之间的距离值 groupPadding: 0,//分组之间的距离值 borderWidth: 0, shadow: false,pointWidth:5 //柱子之间的距离值 } },
宝丰县15995632791： 怎么给highcharts x轴设置不同的值 - ？
孔美可愈： Y轴刻度不显示小数有个属性的,将allowDecimals的属性设置为false就可以了;yAxis: { title: { text: '' }, allowDecimals:false }
宝丰县15995632791： 如何设置Highcharts的刻度线 - ？
孔美可愈： 有两个方法: 1.调整图表的宽度,越宽分配给每个值的宽度越宽 2.设置pointWidth属性 plotOptions: { column: { pointPadding: 0.2, pointWidth: 30 //柱子的宽度30px } } 设置pointPadding也可以.
宝丰县15995632791： highcharts结合ajax绘图x轴时间 怎么设置 - ？
孔美可愈： 挤在一起了应该是X轴的数据类型被死别为string了 其实只要在数据上【温度,时间】=【x值,y值】 然后 xAxis:{ //type: 数据类型 }, yAxis: { //同上 },highchart就会自动识别了
宝丰县15995632791： 如何设置highcharts图表坐标刻度字体样式 - ？
孔美可愈： xAxis: { lineWidth: 1, lineColor: ＂#1a96ef＂, tickWidth: 0, labels: { y: 20, //x轴刻度往下移动20px style: { color: '#19a0f5',//颜色 fontSize:'14px' //字体 } }, categories: ['One','Two','three'] },
宝丰县15995632791： highcharts函数怎样调用 - ？
孔美可愈： 调用形式:在程序中通过对函数的调用来执行函数体,其过程与其它语言的子程序调用相似.C语言中,函数调用的一般形式为:函数名(实际参数表)对无参函数调用时则无实际参数表.实际参数表中的参数可以是常数、变量或其它构造...
宝丰县15995632791： highcharts怎么以x轴的值作为条件查询数据库,结果显示在tooltip中 - ？
孔美可愈： highcharts对象的tooltip属性可以设置相关提示信息,在highcharts对象中加入如下代码即可:123456 tooltip : { // 在此方法中可以得到x轴以及y轴的信息,同时也包含了整个series上的数据信息 formatter : function() { return＂x轴的值是:＂+ this.x + ＂y轴的值是:＂+ this.y; } } 把formatter中的相关代码换成与数据库交互取得数据的方法即可展示在tooltip中
