Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.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/9/ssl/3.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
Javascript 是否可以使我的ECharts折线图更紧凑?_Javascript_Echarts - Fatal编程技术网

Javascript 是否可以使我的ECharts折线图更紧凑?

Javascript 是否可以使我的ECharts折线图更紧凑?,javascript,echarts,Javascript,Echarts,我正在使用ECharts创建一个折线图。有人知道是否有可能使它更紧凑吗?我的意思是减少画布内容周围的空白 代码: document.addEventListener('DOMContentLoaded',function(){ var chart=echarts.init(document.getElementById('firepower-sessions-history-line-chart')) 选项={ 动画:错, 工具提示:{触发器:'轴'}, xAxis:[ { 键入:“时间”,

我正在使用ECharts创建一个折线图。有人知道是否有可能使它更紧凑吗?我的意思是减少画布内容周围的空白

代码:

document.addEventListener('DOMContentLoaded',function(){
var chart=echarts.init(document.getElementById('firepower-sessions-history-line-chart'))
选项={
动画:错,
工具提示:{触发器:'轴'},
xAxis:[
{
键入:“时间”,
间隔:3600000,//1小时(毫秒)
axisLabel:{
格式化程序:函数(值){
var日期=新日期(值)
var hours=('0'+date.getHours()).slice(-2)
var minutes=('0'+date.getMinutes()).slice(-2)
变量标签=小时+':'+分钟
如果(小时数=='00'){
变量月份=('0'+(date.getUTCMonth()+1)).slice(-2)
var day=('0'+date.getUTCDate()).slice(-2)
标签+='\n'+月+'-'+日
}
退货标签
}
}
}
],
yAxis:[{type:'value'}],
颜色:['#3c99ea'],
系列:[
{
名称:“会话”,
键入:“行”,
平滑:是的,
itemStyle:{normal:{areaStyle:{type:'default'}}},
符号:“无”,
数据:[
['2018-09-19 14:20:09', 3767],
['2018-09-19 14:10:08', 3964],
['2018-09-19 14:05:08', 3644],
['2018-09-19 14:00:09', 3745],
['2018-09-19 13:55:09', 3671],
['2018-09-19 13:50:08', 3890],
['2018-09-19 13:45:09', 3964],
['2018-09-19 13:40:09', 4211]
//等等。。。
]
}
]
}
图表.设置选项(选项)
})
正文{
利润率:40像素;
}
氢{
页边距底部:0;
}
#火力会议历史折线图{
宽度:1200px;
高度:300px;
}

火力会话历史记录
过去24小时

ECharts提供了一些选项,可以帮助您在容器中定位图表。它具有可以设置的属性,如顶部、左侧、右侧和底部。在本例中,我使用grid.left选项删除左侧的空间

document.addEventListener('DOMContentLoaded',function(){
var chart=echarts.init(document.getElementById('firepower-sessions-history-line-chart'))
选项={
网格:{
左:“40”
},
动画:错,
工具提示:{
触发器:“轴”
},
xAxis:[{
键入:“时间”,
间隔:3600000,//1小时(毫秒)
axisLabel:{
格式化程序:函数(值){
var日期=新日期(值)
var hours=('0'+date.getHours()).slice(-2)
var minutes=('0'+date.getMinutes()).slice(-2)
变量标签=小时+':'+分钟
如果(小时数=='00'){
变量月份=('0'+(date.getUTCMonth()+1)).slice(-2)
var day=('0'+date.getUTCDate()).slice(-2)
标签+='\n'+月+'-'+日
}
退货标签
}
}
}],
亚克斯:[{
类型:“值”
}],
颜色:['#3c99ea'],
系列:[{
名称:“会话”,
键入:“行”,
平滑:是的,
项目样式:{
正常:{
区域样式:{
键入:“默认值”
}
}
},
符号:“无”,
数据:[
['2018-09-19 14:20:09', 3767],
['2018-09-19 14:10:08', 3964],
['2018-09-19 14:05:08', 3644],
['2018-09-19 14:00:09', 3745],
['2018-09-19 13:55:09', 3671],
['2018-09-19 13:50:08', 3890],
['2018-09-19 13:45:09', 3964],
['2018-09-19 13:40:09', 4211]
//等等。。。
]
}]
}
图表.设置选项(选项)
})
正文{
利润率:40像素;
}
氢{
页边距底部:0;
}
#火力会议历史折线图{
宽度:1200px;
高度:300px;
}

火力会话历史记录
过去24小时