Jquery Highstocks工具提示删除短语“删除”;“从星期一开始的一周”;
嗨,我在获取tootip显示正确信息时遇到一些问题。现在它显示了这个 以下是一个示例: 我想删除日期之前出现的短语“星期一开始的一周”。我尝试在图表选项中更改tooltip对象参数,但没有帮助。 下面是图表选项现在的外观Jquery Highstocks工具提示删除短语“删除”;“从星期一开始的一周”;,jquery,highstock,Jquery,Highstock,嗨,我在获取tootip显示正确信息时遇到一些问题。现在它显示了这个 以下是一个示例: 我想删除日期之前出现的短语“星期一开始的一周”。我尝试在图表选项中更改tooltip对象参数,但没有帮助。 下面是图表选项现在的外观 var options = { chart: { renderTo: 'stock-chart-container', alignTicks: true, },
var options = {
chart: {
renderTo: 'stock-chart-container',
alignTicks: true,
},
tooltip: {
dateTimeLabelFormats: {
millisecond: "%A, %b %e, %H:%M:%S.%L",
second: "%A, %b %e, %H:%M:%S",
minute: "%A, %b %e, %H:%M",
hour: "%A, %b %e, %H:%M",
day: "%A, %b %e, %Y",
week: "%m-%d-%Y",
month: "%B %Y",
year: "%Y"
}
},
navigator: {
//top: 400
},
yAxis: [{
title: {
text: 'Price'
},
top: 70,
height: 260,
lineWidth: 2
}, {
title: {
text: 'Volume'
},
top: 350,
height: 100,
offset: 0,
lineWidth: 2,
}],
rangeSelector: {
buttons: [{
type: 'month',
count: 1,
text: '1m'
}, {
type: 'month',
count: 3,
text: '3m'
}, {
type: 'month',
count: 6,
text: '6m'
}, {
type: 'ytd',
text: 'YTD'
}, {
type: 'year',
count: 1,
text: '1y'
}, {
type: 'year',
count: 3,
text: '3y'
}, {
type: 'year',
count: 5,
text: '5y'
}, {
type: 'all',
text: 'All'
}],
selected: null
},
title: {
text: $('#symbol-name').text() + " Stock Price",
},
series: [{
type: chartGlobalOptions.chartTypes.name,
name: $('#symbol-name').text(),
data: data.prices,
dataGrouping: {
units: groupingUnits
}
}, {
type: 'column',
name: 'Volume',
data: data.volume,
yAxis: 1,
dataGrouping: {
units: groupingUnits
}
}]
};
有谁能告诉我如何删除这个短语的正确方向吗。我一整天都在努力实现这一目标,但没有成功
提前谢谢
回答
在塞巴斯蒂安的帮助下,我成功地获得了工具提示,显示了正确的信息。
这是它现在的样子
tooltip: {
useHTML: true,
formatter: function() {
var d = new Date(this.x);
var s = '';
s += '<b>' + Highcharts.dateFormat('%b %e, %Y', this.x) + '</b><br />';
$.each(this.points, function(i, point) {
s += '<b><span style = "color:'+point.series.color+';">'+point.series.name +' </span>'+' : '+point.y + '</b><br />';
});
return s;
},
shared: true
},
工具提示:{
是的,
格式化程序:函数(){
var d=新日期(此.x);
var s='';
s++=''+Highcharts.dateFormat('%b%e,%Y',this.x)+'
;
$.each(this.points,function(i,point){
s+=''+point.series.name+''+:'+point.y+'
;
});
返回s;
},
分享:真的
},
您可以使用工具提示格式化程序,它允许自定义工具提示的内容
非常感谢您的回复。是的,我想过这样做。但是更改工具提示格式会影响其他工具提示数据,例如股票价格、成交量。我之所以提出这个问题,是因为我为图表建立了技术指标,所以图表在选择指标时会添加多个y轴和系列数据。现在,工具提示还显示了新系列的数据和轴,我不想更改它们。因此,工具提示格式化程序中的更改是否会影响其余数据以及日期?是,现在正确显示。非常感谢您为我指明了正确的方向。没问题,希望能有所帮助;)