Jquery 格式图表系列
我有一张如下所示的图表 我有两个不同的问题:Jquery 格式图表系列,jquery,formatting,highcharts,Jquery,Formatting,Highcharts,我有一张如下所示的图表 我有两个不同的问题: 我怎样才能将“.”acour作为系列中的千位分隔符(当您将鼠标悬停在数据上时,工具提示中有一个分隔符)。我曾尝试研究plotoptions和numberformat,但未能解决此问题 如何处理数据变得如此之小,以至于数字难以辨认的问题 我意识到第二个问题更加开放,但任何想法都将不胜感激 提前谢谢 图表: <script type="text/javascript"> $(docum
<script type="text/javascript">
$(document).ready(function () {
Highcharts.setOptions({
lang: {
thousandsSep: '.'
}
});
var tapegraph = {
colors: [
'#525051'
],
exporting: { enabled: false },
chart: {
renderTo: 'tapecontainer',
type: 'column'
},
credits: {
enabled: false
},
title: {
text: 'Tapeforbrug'
},
xAxis: {
categories: []
},
yAxis: {
min: 0,
title: {
text: 'Gigabyte'
},
stackLabels: {
enabled: true,
style: {
fontWeight: 'bold',
color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
}
}
},
legend: {
align: 'right',
x: -100,
verticalAlign: 'top',
y: 5,
floating: true,
backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColorSolid) || 'white',
borderColor: '#CCC',
borderWidth: 1,
shadow: false
},
plotOptions: {
column: {
stacking: 'normal',
dataLabels: {
enabled: true,
color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
}
}
},
series: []
};
$.get("../classic_3270/KMDprod1/INFO.CPU.REPORT.MFTAPE" + kunde + ".txt", function (data) {
var lines = data.split('\n');
lines = data.trim().split('\n');
$.each(lines, function (lineNo, line) {
var items = line.split(',');
if (lineNo == 0) {
$.each(items, function (itemNo, item) {
if (itemNo > 0) tapegraph.xAxis.categories.push(item);
})
;
}
else {
var series = {
pointWidth: 42,
data: []
};
$.each(items, function (itemNo, item) {
if (itemNo == 0) {
series.name = item;
} else {
series.data.push(parseFloat(item));
}
});
tapegraph.series.push(series);
}
});
var chart = new Highcharts.Chart(tapegraph);
$(文档).ready(函数(){
Highcharts.setOptions({
朗:{
千塞普:'.'
}
});
var tapegraph={
颜色:[
'#525051'
],
正在导出:{enabled:false},
图表:{
renderTo:'tapecontainer',
类型:“列”
},
学分:{
已启用:false
},
标题:{
文字:“Tapeforbrug”
},
xAxis:{
类别:[]
},
亚克斯:{
分:0,,
标题:{
文本:“千兆字节”
},
堆叠标签:{
启用:对,
风格:{
fontWeight:'粗体',
颜色:(Highcharts.theme&&Highcharts.theme.textColor)| |“灰色”
}
}
},
图例:{
对齐:“右”,
x:-100,
垂直排列:“顶部”,
y:5,
浮动:是的,
背景色:(Highcharts.theme&&Highcharts.theme.legendBackgroundColorSolid)| |白色,
边框颜色:“#CCC”,
边框宽度:1,
影子:错
},
打印选项:{
专栏:{
堆叠:“正常”,
数据标签:{
启用:对,
颜色:(Highcharts.theme&&Highcharts.theme.dataLabelsColor)| |“白色”
}
}
},
系列:[]
};
$.get(“../classic_3270/KMDprod1/INFO.CPU.REPORT.MFTAPE”+kunde+“.txt”,函数(数据){
变量行=data.split('\n');
lines=data.trim().split('\n');
$.each(行,函数)(行号,行){
var items=line.split(',');
如果(行号==0){
$。每个(项目,功能(项目编号,项目){
if(itemNo>0)tapegraph.xAxis.categories.push(item);
})
;
}
否则{
变量系列={
点宽度:42,
数据:[]
};
$。每个(项目,功能(项目编号,项目){
如果(itemNo==0){
series.name=项目;
}否则{
数据推送(parseFloat(item));
}
});
磁带机.系列.推送(系列);
}
});
var图表=新的Highcharts.图表(tapegraph);
1)将千禧年九月设置为“.”即可工作,请参见:
(二)好的,你可以隐藏标签-对于这样的事情,使用dataLabels.formatter并检查值是否低于总数的5%,然后决定是否显示该dataLabel。非常感谢你的回答。事实上,这正是我已经尝试过的事情。但没有结果。我已经在我的原始帖子中包含了图表的源代码。你知道吗你知道这是什么原因吗?我发现的示例表明这应该是正确的。将代码放入JSFIDLE,这将显示错误。我知道你有AJAX-Put响应,来自AJAX的响应是单个字符串(是CSV,对吗?)因此,即使在JSFIDLE中,它也能工作。摆弄它让我自己找到了答案,似乎我使用的是Highcharts的旧版本。
Highcharts.setOptions({
lang: {
thousandsSep: '.'
}
});