Javascript 如何正确定位highcharts-highstock按钮？
我只是在尝试highstock样本图表，它的样本数据在图片中。我用highstock库下载了它，它在示例下面的basic line文件夹中。我想设计它的按钮等等。按钮部分地显示在彼此上 我想通过我在这里找到的inputBoxWidth来修复它： 它只是破坏了右上角的输入框，让情况变得更糟。我希望按钮的宽度和我想要的一样宽，并且没有问题。我怎样才能做到这一点 *ps：我还想知道如何删除/编辑我用红色圈出的元素。图表右下方的链接和“收件人：”输入框上方的按钮。因为我在html文件中找不到它们 编辑：我删除了右下角的链接 edit2：我还删除了导出按钮 这是我的档案：Javascript 如何正确定位highcharts-highstock按钮？,javascript,html,css,highcharts,highstock,Javascript,Html,Css,Highcharts,Highstock,我只是在尝试highstock样本图表，它的样本数据在图片中。我用highstock库下载了它，它在示例下面的basic line文件夹中。我想设计它的按钮等等。按钮部分地显示在彼此上 我想通过我在这里找到的inputBoxWidth来修复它： 它只是破坏了右上角的输入框，让情况变得更糟。我希望按钮的宽度和我想要的一样宽，并且没有问题。我怎样才能做到这一点 *ps：我还想知道如何删除/编辑我用红色圈出的元素。图表右下方的链接和“收件人：”输入框上方的按钮。因为我在html文件中找不到它们 编辑
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Highstock Example</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', function(data) {
// Create the chart
$('#container').highcharts('StockChart', {
rangeSelector : {
buttonTheme: { // styles for the buttons
fill: 'none',
stroke: 'none',
'stroke-width': 15,
style: {
color: '#039',
fontWeight: 'bold'
},
states: {
hover: {
},
select: {
fill: '#039',
style: {
color: 'white'
}
}
}
},
selected : 1,
buttons: [
{
// quarter button
type: 'month',
count: 3,
text: 'Q'},
// year button
{
type: 'year',
count: 1,
text: 'Y'},
// ytd button
{
type: 'ytd',
text: 'YTD'},
// all button
{
type: 'all',
text: 'ALL'}]
},
title : {
text : 'AAPL Stock Price'
},
series : [{
name : 'AAPL',
data : data,
tooltip: {
valueDecimals: 2
}
}]
});
});
});
</script>
</head>
<body>
<script src="/Users/ihtechnology/Desktop/IH57/highstock.js"></script>
<script src="/Users/ihtechnology/Desktop/IH57/modules/exporting.js"></script>
<div id="container" style="height: 500px; min-width: 500px"></div>
</body>
</html>
Highstock示例
$（函数（）{
$.getJSON（'http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c、 json&回调=？'，函数（数据）{
//创建图表
$（“#容器”）.highcharts（'StockChart'{
范围选择器：{
buttonTheme:{//按钮的样式
填写：'无'，
笔划：“无”，
“笔划宽度”：15，
风格：{
颜色：'#039'，
fontWeight:“粗体”
},
国家：{
悬停：{
},
选择：{
填写：“#039”，
风格：{
颜色：“白色”
}
}
}
},
选定：1，
按钮：[
{
//四分之一按钮
键入：“月”，
计数：3，
文本：“Q'}，
//年份按钮
{
类型：'年'，
计数：1，
文本：'Y'}，
//ytd按钮
{
类型：“ytd”，
文本：“YTD”}，
//所有按钮
{
键入：“全部”，
文本：“全部”}]
},
标题：{
文本：“AAPL股价”
},
系列：[{
名称：“AAPL”，
数据：数据，
工具提示：{
数值小数：2
}
}]
});
});
});
buttonTheme: { // styles for the buttons
fill: 'none',
stroke: 'none',
'stroke-width': 0,
r: 8,
width:40,
style: {
color: '#039',
fontWeight: 'bold'
},
states: {
hover: {
},
select: {
fill: '#039',
style: {
color: 'white'
}
}
}
},