Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 谷歌绘制了烛台图表,除了烛台之外,什么都去掉了_Html_Css_Charts_Google Visualization - Fatal编程技术网

Html 谷歌绘制了烛台图表,除了烛台之外,什么都去掉了

Html 谷歌绘制了烛台图表,除了烛台之外,什么都去掉了,html,css,charts,google-visualization,Html,Css,Charts,Google Visualization,我发现谷歌文档在解释这是否可能时有点局限 你如何去掉谷歌烛台图表中的所有空白。 然后将烛台安装在背景元素上 代码 load('current',{'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart); 函数绘图图(){ var data=google.visualization.arrayToDataTable([ //标签,低,打开,关闭,高 ['09', 1.14799, 1.15027, 1.148

我发现谷歌文档在解释这是否可能时有点局限

你如何去掉谷歌烛台图表中的所有空白。

然后将烛台安装在背景元素上 代码


load('current',{'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
//标签,低,打开,关闭,高
['09', 1.14799, 1.15027, 1.14848, 1.15275],
//['15', 1.14775, 1.15027, 1.14776, 1.15275],
//['20', 1.14772, 1.15027, 1.14807, 1.15275],
//1.15275 1.14799 1.15027 1.14
//也将第一行视为数据。
],对);
变量选项={
图例:“无”,
背景颜色:{fill:'#515151'},
“宽度”:100,
身高:340,
图表区:{左:50,上:20,宽:50%,高:75%},
烛台:{
risingColor:{笔划:'#4CAF50',填充:'#4CAF50'},
fallingColor:{笔划:'#F44336',填充:'#F44336'}
},
颜色:[“白色”],
hAxis:{title:'去掉这个空格',textPosition:'无',网格线:{color:'515151',count:0},
vAxis:{title:'get this space',textPosition:'none',网格线:{color:'#515151',count:0},
标题:“摆脱这个空间”
};
var chart=new google.visualization.CandlestickChart(document.getElementById('chart_div'));
图表绘制(数据、选项);
}
.background01{背景图像:url(../img/Candle\u Box\u Tag.png”)}

使用
chartArea
选项将图表拉伸到容器边缘

chartArea: {
  backgroundColor: 'transparent',
  top: 0,
  left: 0,
  bottom: 0,
  right: 0,
  height: '100%',
  width: '100%',
},
将背景和各种其他颜色设置为“透明”,
然后可以将任何背景应用于
元素

请参阅以下工作片段

google.charts.load('current'{
软件包:['corechart']
}).然后(函数(){
var data=google.visualization.arrayToDataTable([
//标签,低,打开,关闭,高
['09', 1.14799, 1.15027, 1.14848, 1.15275],
//['15', 1.14775, 1.15027, 1.14776, 1.15275],
//['20', 1.14772, 1.15027, 1.14807, 1.15275],
//1.15275 1.14799 1.15027 1.14
//也将第一行视为数据。
],对);
变量选项={
图表区:{
背景色:“透明”,
排名:0,
左:0,,
底部:0,
右:0,,
高度:“100%”,
宽度:“100%”,
},
背景颜色:{fill:'transparent'},
图例:“无”,
宽度:50,
身高:340,
烛台:{
risingColor:{笔划:'#4CAF50',填充:'#4CAF50'},
fallingColor:{笔划:'#F44336',填充:'#F44336'}
},
颜色:[“白色”],
hAxis:{textPosition:'none'},
言辞:{
text位置:“无”,
网格线:{color:'transparent',计数:0},
minorGridlines:{color:'transparent',计数:0}
}
};
var chart=new google.visualization.CandlestickChart(document.getElementById('chart_div'));
图表绘制(数据、选项);
});
#图表分区{
背景:515151;
显示:内联块;
}

非常感谢@WhiteHat一直在为这件事发牢骚
chartArea: {
  backgroundColor: 'transparent',
  top: 0,
  left: 0,
  bottom: 0,
  right: 0,
  height: '100%',
  width: '100%',
},