Javascript 如何制作波光粼粼的桌面边框?

Javascript 如何制作波光粼粼的桌面边框?,javascript,html,css,highcharts,sparklines,Javascript,Html,Css,Highcharts,Sparklines,我必须将输出放在一个具有完整边框的表中,我尝试过使用border=1,但它没有改变。有人能告诉我怎样才能改变它吗 我附加在它的高图表闪烁代码。请检查为什么border没有出现在表外。我无法解释这件事的边界部分。我也尝试过设置边框间距,但表中再次出现了没有外部边框的情况 /** *为闪图创建一个构造函数,该构造函数采用一些合理的默认值并合并到单个 *图表选项。这个函数也可以从jQuery插件中以$element.highcharts'SparkLine'的形式获得。 */ Highcharts.

我必须将输出放在一个具有完整边框的表中,我尝试过使用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;i500{ $tds.0,i+1; setTimeoutdoChunk,0; 打破 } //打印绩效反馈 如果n==fullLen{ $'result'.html'生成'+fullLen+'sparklines在'+newdate'中- 开始+‘毫秒’; } } } 多孔克; 结果{ 文本对齐:右对齐; 颜色:灰色; 最小高度:2米; } 桌上小苏打{ 保证金:0自动; 边界塌陷:塌陷; } th{ 字体大小:粗体; 文本对齐:左对齐; } td,th{ 填充物:5px; 边框底部:1px纯银; 高度:20px; } thead th{ 边框顶部:2倍纯色灰色; 边框底部:2倍纯色灰色; } .highcharts工具提示>范围{ 背景:白色; 边框:1px纯银; 边界半径:3px; 盒影:1px 1px 2px 888; 填充:8px; } 状态 收入 季度收入 成本 每季度成本 后果 每季度成绩 阿拉巴马州 254 296 -42 阿拉斯加州 246 181 65
您仅为底部设置边框样式。您需要将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;i500{ $tds.0,i+1; setTimeoutdoChunk,0; 打破 } //打印绩效反馈 如果n==fullLen{ $'result'.html'Generated'+fullLen+'sparklines在'+newdate-start+'ms'中; } } } 多孔克; 结果{ 文本对齐:右对齐; 颜色:灰色; 最小高度:2米; } 桌上小苏打{ 保证金:0自动; 边界塌陷:塌陷; } th{ 字体大小:粗体; 文本对齐:左对齐; } td,th{ 填充物:5px; 边框:1px纯银; 高度:20px; } thead th{ 边框顶部:2倍纯色灰色; 边框底部:2倍纯色灰色; } .highcharts工具提示>范围{ 背景:白色; 边框:1px纯银; 边界半径:3px; 盒影:1px 1px 2px 888; 填充:8px; } 状态 收入 季度收入 成本 每季度成本 后果 每季度成绩 阿拉巴马州 254 296 -42 阿拉斯加州 246 181 65
将borderWidth:0更改为borderWidth:1borderWidth在codein js文件中不存在,默认选项我该怎么办?这是用于highcharts的,但我希望它用于表格当您将鼠标悬停在闪线上时,它会显示国家名称,但如果我想看到那里的月份,如1月、2月、2月、3月、4月、4月、,那么我必须在哪里进行更改呢?通过获取图形所在行的第一列中的值来设置工具提示标题内容。我想你想显示对应于图表点的月份,不是吗?是的,我想显示月份而不是国家。你可以用相应的月份声明一个数组,你需要更改工具提示格式。为此添加一个新问题。