Jquery 小尺寸高图
Jquery 小尺寸高图,jquery,highcharts,Jquery,Highcharts,我正在使用highcharts for来绘制图表。我希望绘制在图像中显示的highcharts。我正在移除x轴标签和y轴标签,同时降低高度和宽度,但不会像我附加的图像中那样显示图表 您可以将容器大小调整为较小,以获得所需的图表。进一步检查代码段中的注释以更好地理解 Highcharts.chart('container'{ 出口:{ 按钮:{ 上下文按钮:{ 符号:'圆圈',//更改导出按钮样式 SYMBOL行程宽度:1, symbolFill:“#bada55”, 符号行程:“#33003
我正在使用highcharts for来绘制图表。我希望绘制在图像中显示的highcharts。我正在移除x轴标签和y轴标签,同时降低高度和宽度,但不会像我附加的图像中那样显示图表 您可以将容器大小调整为较小,以获得所需的图表。进一步检查代码段中的注释以更好地理解
Highcharts.chart('container'{
出口:{
按钮:{
上下文按钮:{
符号:'圆圈',//更改导出按钮样式
SYMBOL行程宽度:1,
symbolFill:“#bada55”,
符号行程:“#330033”
}
}
},
图表:{
键入:“列”,
背景颜色:“rgb(183,5,32)”,//背景颜色
边距:0//删除所有边距
},
标题:{
文本:“”//删除图表的标题
},
xAxis:{
类别:[
“一月”,
二月,,
“三月”,
“四月”,
“五月”,
"六月",,
七月,,
"八月",,
"九月",,
“十月”,
十一月,,
“十二月”
],
crosshair:true,//列的悬停效果
线宽:0,//删除轴线
gridLineWidth:0,//删除图表背景线
lineColor:'透明',
minorTickLength:0,//删除短轴记号
tickLength:0,//删除轴记号
标题:{
已启用:false
},
标签:{
已启用:false
},
},
亚克斯:{
分:0,,
标题:{
文本:“”
},
线宽:0,
网格线宽:0,
lineColor:'透明',
minorTickLength:0,
长度:0,
标签:{
已启用:false
},
},
工具提示:{
已启用:false
},
学分:{
已启用:false
},
图例:{
已启用:false
},
打印选项:{
专栏:{
点填充:0.2,
边框宽度:0
}
},
系列:[{
名称:"东京",,
数据:[49.9,71.5,106.4,129.2,144.0,176.0,135.6148.5,216.4194.1,95.6,54.4],
颜色:“#f9eaed”
}]
},函数(图表){//关于完整的remder文本
chart.renderer.text('9.823
Members Online',20,50)
.css({
颜色:“#fff”,
字体大小:“12px”
})
.add();
});代码>
在我们帮助您之前,请与我们共享一些代码。如何将此图表放入Bootstrap 4卡中