Javascript 从vis时间轴中删除边框/轮廓
我有一个非常简单的时间线在Vis时间线上测试东西。有没有办法摆脱时间线的轮廓 正如您在代码中看到的,css中有边框,但这是外部边框。我说的是图表的轮廓Javascript 从vis时间轴中删除边框/轮廓,javascript,html,css,vis.js,Javascript,Html,Css,Vis.js,我有一个非常简单的时间线在Vis时间线上测试东西。有没有办法摆脱时间线的轮廓 正如您在代码中看到的,css中有边框,但这是外部边框。我说的是图表的轮廓 时间线 #形象化{ 宽度:600px; 高度:400px; 边框:1px实心浅灰色; } //将附加时间线的DOM元素 var Container=document.getElementById('visualization'); //创建数据集(允许双向数据绑定) var items=new vis.DataSet([ {id:1,内容:'i
时间线
#形象化{
宽度:600px;
高度:400px;
边框:1px实心浅灰色;
}
//将附加时间线的DOM元素
var Container=document.getElementById('visualization');
//创建数据集(允许双向数据绑定)
var items=new vis.DataSet([
{id:1,内容:'item 1',开始:'2014-04-20 11:10:01'},
{id:2,内容:'item 2',开始:'2014-04-20 11:10:02'},
{id:3,内容:'item 2',开始:'2014-04-20 11:11:02'},
{id:4,内容:'item 2',开始:'2014-04-20 11:13:02'},
{id:5,内容:'item 2',开始:'2014-04-20 11:14:02'},
{id:6,内容:'item 2',开始:'2014-04-20 11:15:02'},
]);
//时间线的配置
var选项={};
//创建时间线
var timeline=新的可视时间线(容器、项目、选项);
.vis时间表{
大纲:无;
}
因此,我可以删除:
#可视化{
宽度:600px;
高度:400px;
/*边框:1px实心浅灰色*/
}
但这只会移除外部边界
我尝试使用类似的方法解决我在vis.js中遇到的问题:
.vis时间线{
大纲:无;
}
但它没有任何作用-可能我使用了错误的类,但我尝试了不同的类,没有任何更改。您可以看到
.vis timeline
元素有一个边框:
.vis时间线{
边框:1px实心#bfbf;
...
因此,您可以将border:none!important;
设置为此.vis timeline
元素:
.vis时间线{
边界:没有!重要;
}
时间线
#形象化{
宽度:600px;
高度:400px;
}
//将附加时间线的DOM元素
var Container=document.getElementById('visualization');
//创建数据集(允许双向数据绑定)
var items=new vis.DataSet([
{id:1,内容:'item 1',开始:'2014-04-20 11:10:01'},
{id:2,内容:'item 2',开始:'2014-04-20 11:10:02'},
{id:3,内容:'item 2',开始:'2014-04-20 11:11:02'},
{id:4,内容:'item 2',开始:'2014-04-20 11:13:02'},
{id:5,内容:'item 2',开始:'2014-04-20 11:14:02'},
{id:6,内容:'item 2',开始:'2014-04-20 11:15:02'},
]);
//时间线的配置
var选项={};
//创建时间线
var timeline=新的可视时间线(容器、项目、选项);
.vis时间表{
大纲:无;
}
谢谢。我想通过完全删除border,我让默认设置生效了。是的,我想这就是问题所在;)其他建议是
标签应该只在
中。如果这有帮助,请不要忘了更新和验证:)