52,787
社区成员
发帖
与我相关
我的任务
分享给highcharts坐标设值问题
$(function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container3',
plotBorderWidth: 1,
zoomx:true,
type: 'line'
},
title: {
text: null
},
credits:{
enabled:false,
position: {
align: 'left',
x: 350,
verticalAlign: 'bottom'
}
},
legend: {
enabled:true
},
xAxis: {
type: 'datetime',
min:minDate, //0表示1月 以此类推
max:maxDate,
tickInterval :30*24*3600*1000,//X轴点间隔
labels: {
align: 'left',
formatter: function() {
return Highcharts.dateFormat('%Y%m%d', this.value);
}
}
},
yAxis: [
{
lineWidth:1,
// gridLineColor: 'red',
gridLineDashStyle: 'shortdash',
max:maxYield*100,
min:-maxYield*100,
opposite: true,
tickInterval:(maxYield*100/3),
title: {
text: null
},
labels: {
formatter: function() {
return this.value +'%';
}
}
},
{
lineWidth:1,
// gridLineColor: 'red',
gridLineDashStyle: 'shortdash',
max:1500,
min:-1500,
//opposite: true,
//tickInterval:500,
title: {
text: null
},
labels: {
formatter: function() {
return this.value ;
}
}
}
],
tooltip: {
formatter: function() {
return this.series.name+'<br/><strong>日期:</strong>'+
Highcharts.dateFormat('%Y%m%d', this.x) +'<strong>收益率:</strong> '+ this.y+'%' ;
}
},
plotOptions: {
line: {
dataGrouping: {
enabled: false
}
},
series: {
lineWidth:1,
marker: {
radius: 1 //鼠标接触时 显示点的大小
}
}
},
series: strategys
});
});
这是我的highchart代码 生成的图片如下
问题： 1.我想给Y轴显示0的地方初始化一个数值
2.Y轴正数的颜色是红的，负数颜色是绿的
...全文
请发表友善的回复…
发表回复
baidu_30264489 2015-07-31
- 打赏
- 举报
valueSuffix: '°C' 设置这个
开心汉堡包 2015-02-09
- 打赏
- 举报
求楼主教导下怎么改变y轴的值,从数字变成百分数类型的
林涧 2014-02-26
- 打赏
- 举报
xAxis: {
type: 'datetime',
min:weekminDate, //0表示1月 以此类推
max:weekmaxDate,
tickInterval :20*24*3600*1000,//X轴点间隔
labels: {
//align: 'left',
formatter: function() {
return Highcharts.dateFormat('%Y-%m-%d', this.value);
}
}
中的 min:weekminDate,max:weekmaxDate怎么设置
QQ神器 2014-01-24
- 打赏
- 举报
如何设Y轴10为一个间隔
乔巴大大 2012-12-22
- 打赏
- 举报
貌似解决了，目前没有足够多的数据让测试。。。
解决办法是 把右边Y轴设置照搬到左边，在显示的地方做文章就行了
window.weeklyChart = new Highcharts.Chart({
chart: {
renderTo: 'week_trategy_container',
plotBorderWidth: 1,
// height: 600,
// width:1000,
type: 'line'
},
title: {
text: null
},
credits:{
enabled:false,
position: {
align: 'left',
x: 350,
verticalAlign: 'bottom'
}
},
legend: {
enabled:true
},
xAxis: {
type: 'datetime',
min:weekminDate, //0表示1月 以此类推
max:weekmaxDate,
tickInterval :20*24*3600*1000,//X轴点间隔
labels: {
//align: 'left',
formatter: function() {
return Highcharts.dateFormat('%Y-%m-%d', this.value);
}
}
},
yAxis: [
{
lineWidth:1,
// gridLineColor: 'red',
//endOnTick : true,
gridLineDashStyle: 'shortdash',
max:weekmaxYield,
min:-weekmaxYield,
opposite: true,
tickInterval:week_pre_Yield,
title: {
text: '收益率（%）'
},
labels: {
formatter: function() {
if (this.value >0) {
return '<span style="fill: red;">' + this.value + '</span>';
}
else if(this.value <0){
return '<span style="fill: green;">' + -(this.value) + '</span>';
}
else {
return this.value;
}
}
}
},
{
lineWidth:1,
// gridLineColor: 'red',
gridLineDashStyle: 'shortdash',
max:weekmaxYield,
min:-weekmaxYield,
tickInterval:week_pre_Yield,
title: {
text:'资金（万）'
},
labels: {
formatter: function() {
return (this.value*weekInitCapital+weekInitCapital).toFixed(0)
}
}
}
],
tooltip: {
formatter: function() {
return this.series.name+'<br/><strong>日期:</strong>'+
Highcharts.dateFormat('%Y%m%d', this.x) +'<strong>XXX:</strong> '+ this.y+'%' ;
}
},
plotOptions: {
line: {
dataGrouping: {
enabled: false
}
},
series: {
lineWidth:1,
marker: {
radius: 1 //鼠标接触时 显示点的大小
}
}
},
series: weekstrategys
});
$.qicLoading({remove: true});//移除loading。。。
});
乔巴大大 2012-12-22
- 打赏
- 举报
目前是用的数据拼接，以后也会做成ajax加载，只要传入数据的格式正确了，highchart图会正常显示的，你可以用firebug调试看看，祝好运！
shelly 2012-12-21
- 打赏
- 举报
我也用了highcharts，控件不错，可是我想用ajax传json字符串给x轴和y轴数据，发现实现不了，不知道楼主是如何给x轴和y轴绑定数据的？
乔巴大大 2012-12-18
- 打赏
- 举报
谢谢大神，“Y轴正数的颜色是红的，负数颜色是绿的”很好用。
我的第二个问题是这样的
图上的Y轴不是有两条吗？ 我的图实际上是根据右边Y轴的数据画出来的，左边的Y值只做一个显示的作用，现在想给左边Y轴设置一个初始值，和右边的“0%”对应，然后 左边Y轴值 = 初始值*右边Y轴值
这东西弄了我好久都快要郁闷死了，先在这里谢谢了！
josephSC 2012-12-06
- 打赏
- 举报
改的时候我的if语句忘加 "}" 了，你自己加上，直接贴代码会报错
josephSC 2012-12-06
- 打赏
- 举报
1.我想给Y轴显示0的地方初始化一个数值
不是特别理解，是想在0做个分割线吗？如果是：
yAxis: {
plotLines: [{
width: 2,
value: 0,
id: 'plotline-1'
}]
},
yAxis: [
{
lineWidth:1,
// gridLineColor: 'red',
gridLineDashStyle: 'shortdash',
max:maxYield*100,
min:-maxYield*100,
opposite: true,
tickInterval:(maxYield*100/3),
title: {
text: null
},
labels: {
formatter: function() {
//注意改的是这里！！！！！！
if (this.value >0) {
return '<span style="fill: red;">' + this.value +'%'; + '</span>';
else if(this.value <0){
return '<span style="fill: green;">' + this.value +'%'; + '</span>';
} else {
return this.value +'%';
}
}
}
},
{
lineWidth:1,
// gridLineColor: 'red',
gridLineDashStyle: 'shortdash',
max:1500,
min:-1500,
//opposite: true,
//tickInterval:500,
title: {
text: null
},
labels: {
formatter: function() {
//注意改的是这里！！！！！！
if (this.value >0) {
return '<span style="fill: red;">' + this.value; + '</span>';
else if(this.value <0){
return '<span style="fill: green;">' + this.value; + '</span>';
} else {
return this.value;
}
}
}
}
],
斯洛文尼亚旅游 2012-11-12
- 打赏
- 举报
你看下API有没有这种配置了，没有的话那就没搞了。。
乔巴大大 2012-11-12
- 打赏
- 举报
求用过highchairs的大神帮帮忙
