Javascript 如何制作波光粼粼的桌面边框?
我必须将输出放在一个具有完整边框的表中,我尝试过使用border=1,但它没有改变。有人能告诉我怎样才能改变它吗 我附加在它的高图表闪烁代码。请检查为什么border没有出现在表外。我无法解释这件事的边界部分。我也尝试过设置边框间距,但表中再次出现了没有外部边框的情况 /** *为闪图创建一个构造函数,该构造函数采用一些合理的默认值并合并到单个 *图表选项。这个函数也可以从jQuery插件中以$element.highcharts'SparkLine'的形式获得。 */ Highcharts.SparkLine=函数a、b、c{ var hasRenderToArg=typeof a==“string”| | a.nodeName, 选项=参数[HasRenderArg?1:0], 默认选项={ 图表:{ renderTo:options.chart&&options.chart.renderTo | |这个, 背景颜色:空, 边框宽度:0, 类型:'区域', 保证金:[2,0,2,0], 宽度:120, 身高:20, 风格:{ 溢出:“可见” }, //小型优化,每种火花节省1-2毫秒 斯基普克隆:是的 }, 标题:{ 正文: }, 学分:{ 已启用:false }, xAxis:{ 标签:{ 已启用:false }, 标题:{ 文本:空 }, startOnTick:错, 恩东蒂克:错, 位置:[] }, 亚克斯:{ 恩东蒂克:错, startOnTick:错, 标签:{ 已启用:false }, 标题:{ 文本:空 }, 位置:[0] }, 图例:{ 已启用:false }, 工具提示:{ 背景颜色:空, 边框宽度:0, 影子:错, 是的, hideDelay:0, 分享:是的, 填充:0, 定位器:功能w、h、点{ 返回{x:point.plotX-w/2,y:point.plotY-h}; } }, 打印选项:{ 系列:{ 动画:错, 线宽:1, 影子:错, 国家:{ 悬停:{ 线宽:1 } }, 标记:{ 半径:1, 国家:{ 悬停:{ 半径:2 } } }, 填充不透明度:0.25 }, 专栏:{ 负片颜色:“910000”, 边框颜色:“银色” } } }; 选项=Highcharts.mergedefaultOptions,选项; 返回hasRenderToArg? 新海图。海图,选项,c: 新海图。海图选项,b; }; 变量开始=+新日期, $tds=$'td[数据火花], fullLen=$tds.length, n=0; //在现代浏览器中,创建153个迷你图表的速度相当快,但IE8和mobile //可能需要几秒钟的时间,因此我们将输入分成块,并在超时时应用它们 //以避免锁定浏览器进程并允许交互。 函数多孔克{ 变量时间=+新日期, 我 len=$tds.length, $td, stringdata, 啊,, 数据 图表 对于i=0;iJavascript 如何制作波光粼粼的桌面边框?,javascript,html,css,highcharts,sparklines,Javascript,Html,Css,Highcharts,Sparklines,我必须将输出放在一个具有完整边框的表中,我尝试过使用border=1,但它没有改变。有人能告诉我怎样才能改变它吗 我附加在它的高图表闪烁代码。请检查为什么border没有出现在表外。我无法解释这件事的边界部分。我也尝试过设置边框间距,但表中再次出现了没有外部边框的情况 /** *为闪图创建一个构造函数,该构造函数采用一些合理的默认值并合并到单个 *图表选项。这个函数也可以从jQuery插件中以$element.highcharts'SparkLine'的形式获得。 */ Highcharts.
您仅为底部设置边框样式。您需要将td和th标记的CSS样式更改为
td, th {
padding: 5px;
border: 1px solid silver;
height: 20px;
}
/**
*为闪图创建一个构造函数,该构造函数采用一些合理的默认值并合并到单个
*图表选项。这个函数也可以从jQuery插件中以$element.highcharts'SparkLine'的形式获得。
*/
Highcharts.SparkLine=函数a、b、c{
var hasRenderToArg=typeof a==“string”| | a.nodeName,
选项=参数[HasRenderArg?1:0],
默认选项={
图表:{
renderTo:options.chart&&options.chart.renderTo | |这个,
背景颜色:空,
边框宽度:0,
类型:'区域',
保证金:[2,0,2,0],
宽度:120,
身高:20,
风格:{
溢出:“可见”
},
//小型优化,每种火花节省1-2毫秒
斯基普克隆:是的
},
标题:{
正文:
},
学分:{
已启用:false
},
xAxis:{
标签:{
已启用:false
},
标题:{
文本:空
},
startOnTick:错,
恩东蒂克:错,
位置:[]
},
亚克斯:{
恩东蒂克:错,
startOnTick:错,
标签:{
已启用:false
},
标题:{
文本:空
},
位置:[0]
},
图例:{
已启用:false
},
工具提示:{
背景颜色:空,
边框宽度:0,
影子:错,
是的,
hideDelay:0,
分享:是的,
填充:0,
定位器:功能w、h、点{
返回{x:point.plotX-w/2,y:point.plotY-h};
}
},
打印选项:{
系列:{
动画:错,
线宽:1,
影子:错,
国家:{
悬停:{
线宽:1
}
},
标记:{
半径:1,
国家:{
悬停:{
半径:2
}
}
},
填充不透明度:0.25
},
专栏:{
负片颜色:“910000”,
边框颜色:“银色”
}
}
};
选项=Highcharts.mergedefaultOptions,选项;
返回hasRenderToArg?
新海图。海图,选项,c:
新海图。海图选项,b;
};
变量开始=+新日期,
$tds=$'td[数据火花],
fullLen=$tds.length,
n=0;
//在现代浏览器中,创建153个迷你图表的速度相当快,但IE8和mobile
//可能需要几秒钟的时间,因此我们将输入分成块,并在超时时应用它们
//以避免锁定浏览器进程并允许交互。
函数多孔克{
变量时间=+新日期,
我
len=$tds.length,
$td,
stringdata,
啊,,
数据
图表
对于i=0;i将borderWidth:0更改为borderWidth:1borderWidth在codein js文件中不存在,默认选项我该怎么办?这是用于highcharts的,但我希望它用于表格当您将鼠标悬停在闪线上时,它会显示国家名称,但如果我想看到那里的月份,如1月、2月、2月、3月、4月、4月、,那么我必须在哪里进行更改呢?通过获取图形所在行的第一列中的值来设置工具提示标题内容。我想你想显示对应于图表点的月份,不是吗?是的,我想显示月份而不是国家。你可以用相应的月份声明一个数组,你需要更改工具提示格式。为此添加一个新问题。