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%',
},