Javascript 谷歌图表分形数字
我有个问题。我对Javascript比较陌生,但我正在从事一个项目,人们希望有关于他们改进的图表。我已经成功地制作了两张图表,而第三张图表确实有问题。当y代表随机数时,数字由0.000yyyy组成,当您悬停图表时,信息显示0。我在选项中添加了分形数字,但无法使它们正常工作 代码如下:Javascript 谷歌图表分形数字,javascript,html,charts,google-visualization,Javascript,Html,Charts,Google Visualization,我有个问题。我对Javascript比较陌生,但我正在从事一个项目,人们希望有关于他们改进的图表。我已经成功地制作了两张图表,而第三张图表确实有问题。当y代表随机数时,数字由0.000yyyy组成,当您悬停图表时,信息显示0。我在选项中添加了分形数字,但无法使它们正常工作 代码如下: google.charts.load('current', {packages: ['corechart', 'line']}); google.charts.setOnLoadCallback(drawBackg
google.charts.load('current', {packages: ['corechart', 'line']});
google.charts.setOnLoadCallback(drawBackgroundColor);
function drawBackgroundColor(transparent) {
var data = new google.visualization.DataTable();
data.addColumn('date', 'X');
data.addColumn('number', 'Xaurum Gold Growth');
data.addRows([
[new Date(2015 , 03 , 15),0.000125],
[new Date(2015 , 04 , 09),0.000125202590875],
[new Date(2015, 04, 12), 0.000126019393875],
]);
var options = {
hAxis: {
title: 'Time',
textStyle:{color: '#FFF'},
titleTextStyle: {
color: '#fff'
}
},
vAxis: {
title: 'Value',
textStyle:{color: '#FFF'},
titleTextStyle: {
color: '#fff'
}
},
legend: {
textStyle: {color: '#fff'}
},
NumberFormat: {
fractionDigits:15,
},
annotations: {
boxStyle: {
stroke: '#765e34',
strokeWidth: 10,
}
},
backgroundColor: "transparent",
colors: ['#876c3c'],
};
var chart = new google.visualization.LineChart(document.getElementById('charta_div'));
chart.draw(data, options);
}
要在工具提示中设置数字格式,请在生成数据后使用
NumberFormat
// format data
var formatter = new google.visualization.NumberFormat({
fractionDigits: 15
});
formatter.format(data, 1);
请参阅以下工作片段
google.charts.load('current'{
回调:缺点背景色,
软件包:['corechart']
});
功能缺陷背景色(透明){
var data=new google.visualization.DataTable();
data.addColumn('date','X');
data.addColumn(“数量”、“Xaurum黄金增长”);
data.addRows([
[新日期(2015年3月15日),0.000125],
[新日期(2015年4月9日),0.000125202590875],
[新日期(2015年4月12日),0.0001260193875]
]);
//格式数据
var formatter=new google.visualization.NumberFormat({
分位数:15
});
格式化程序。格式化(数据,1);
变量选项={
哈克斯:{
标题:"时代",,
文本样式:{
颜色:'#FFF'
},
titleTextStyle:{
颜色:'#fff'
}
},
言辞:{
标题:“价值”,
文本样式:{
颜色:'#FFF'
},
titleTextStyle:{
颜色:'#fff'
}
},
图例:{
文本样式:{
颜色:'#fff'
}
},
注释:{
箱式:{
笔划:“#765e34”,
冲程宽度:10,
}
},
背景色:“透明”,
颜色:['#876c3c']
};
var chart=new google.visualization.LineChart(document.getElementById('chart_div'));
图表绘制(数据、选项);
}
是的,我正在尽力设计注释样式,但正如我所说,我对Javascript非常陌生,所以我不知道将所有内容放在哪里,我需要更改背景色、字体颜色和边框。提前感谢您的帮助!我认为我没有做正确的事情,我希望我做了我应该做的事情,但是我看不到任何事情发生,下面是JSFIDLE示例。[链接]让我们看看。我明白了,好吧,我写信给你说我不清楚,我说的是注释(这会在图表上添加额外的文本),但我指的是那些当你在图表上悬停时弹出的图标,它会显示你的信息,比如日期、标题、数量/价值。。。抱歉,我不清楚,这是我的错误明白了,这些是工具提示,-让我知道。。。