Vis.js -如何让graph2d条形图显示延伸到终点的条形图？
Vis.js是一个基于JavaScript的开源可视化库，用于创建交互式的网络、时间轴和图表等可视化组件。其中，Graph2d是Vis.js中用于绘制条形图的组件。
要让Graph2d条形图显示延伸到终点的条形图，可以通过设置Graph2d的配置参数来实现。具体步骤如下：
- 创建一个Graph2d实例，并指定要绘制的容器元素。
var container = document.getElementById('visualization');
var data = new vis.DataSet([
{x: '2019-01-01', y: 10},
{x: '2019-02-01', y: 15},
{x: '2019-03-01', y: 20}
]);
var options = {
drawPoints: false,
shaded: {
orientation: 'bottom'
}
};
var graph2d = new vis.Graph2d(container, data, options);- 在配置参数options中，设置drawPoints为false，表示不绘制数据点。
- 在配置参数options中，设置shaded.orientation为'bottom'，表示将条形图的阴影延伸到终点。
通过以上配置，即可实现Graph2d条形图显示延伸到终点的效果。
Vis.js官方文档：https://visjs.github.io/vis-graph2d/docs/graph2d/index.html
相关·内容
我想要做的是使用graph2d条形图，并提供一个类似于timeline控件的X2，并水平缩放矩形。使用graph2d：有人知道我是怎么做到的吗
浏览 13提问于2017-02-18得票数 0
回答已采纳
我对javascript还是比较陌生的，但我很喜欢vis.js。我使用了2dmap函数来构建一些非常酷的东西。我现在的问题是，我想让它变得更有交互性。我使用的是堆叠条形图，我希望能够单击其中一个条形图，并向用户显示一些数据。
所以我的问题是，是否有可能取下你点击的条子，并将这些信息与你的数据集相关联。graph2d = new vis.Graph2d(contai
浏览 0提问于2015-09-14得票数 1
回答已采纳
1回答
当我将意甲的值设置为plotBands的值时，图本身就会扩展，使意甲的条形图永远不会到达图的末尾。小提琴：
我怎样才能阻止这种行为，让意甲的酒吧一直延伸到终点？
浏览 0提问于2017-10-17得票数 0
回答已采纳
1回答
我正在寻找一个开源可视化软件包，以创建类似于我在excel中创建的3d条形图(见下图)。我尝试过vis.js，但是我无法分辨如何格式化“墙壁”来显示网格线和背景色。如果这在vis.js中是可行的，我也可以这样做，但是我在文档中没有看到任何东西。我需要的特点是：
浏览 2提问于2017-04-05得票数 1
在我的代码中，用图像代替数据标签，使用CPTPlotSpaceAnnotaions在条形图的每个条形图的中心显示。图像放置在中心，工作良好，但如果图像被放大，它就会延伸到酒吧外面。我要把它切到吧台的宽度。我画的图像采用borderedLayerObject的帧大小，并将其放置在条形图中，所以我无法理解如何裁剪我绘制的图像.使用CPTPlotSpaceAnnotat
浏览 2提问于2014-05-22得票数 0
回答已采纳
我正在尝试创建一个条形图，显示生活成本与R中Highcharter包中的美国值( 100 )的索引。因此，我希望条形图从100开始，然后向右或向左延伸到100。我有基本的条形图，但我不知道如何将图表的中心线移动到100。我正在尝试让它看起来像这样：States <- c('Tennessee','Michigan&#x
浏览 10提问于2020-03-04得票数 0
回答已采纳
示例:您可以看到度量图2的值应该在列的顶部为3，而在2图5中高亮显示。
度量应该像图1一样添加值1+2=3，并显示在顶部。
浏览 1提问于2020-02-25得票数 2
回答已采纳
1回答
当锚点目标扩展被放在URL的末尾时，有什么办法可以阻止移动浏览器中的地址栏下拉吗？希望有一个解决这个问题的方法！
谢谢
浏览 0提问于2014-01-14得票数 0
6回答
我将如何使我所使用的div包含页面的延伸到页面的底部。相对于浏览器的大小，使其始终延伸到页面底部的最佳方法是什么？如果你需要任何代码的网站来帮助我这样做，请问。
编辑对，我真正想要的是白色条形图在背景上保持静态，然后让产品滚动到白色框上，所以它总是在页面的中心，这怎么可能？
浏览 3提问于2015-02-12得票数 0
回答已采纳
3回答
在Excel2007中，我有一个带有水平线(数据系列)的图表，类似于所显示的内容。但是，正如您注意到的，这条线在数据点的中间开始和结束。因此，如果同一图表上有条形图，则水平线不会延伸到覆盖整个第一个和最后一个条形图。如何延伸水平线以接触左右两侧的图表边缘？我尝试在数据序列的开头和结尾放入“虚拟”点，这些数据序列的值为零(对于条形图)。这看起来很好，但是x轴编号从零
浏览 2提问于2014-03-26得票数 1
回答已采纳
3回答
如何在jqplot中修改条之间的距离。当上面的元素较少时，它们之间的空间太大。这里有两张图片，一张显示了一些条形图，另一张显示了较少的条形图。
显示的条形图越少，条形图之间的差异就越大。我希望能够在不使酒吧变胖的情况下改变这一点。我喜欢现在的条形图，但我想让背景中的<
浏览 0提问于2011-06-15得票数 0
回答已采纳
我正在使用vis.js制作一些堆叠的条形图。下面是我的代码：barGraphCombinedDiv.appendChild(barGraphDivred'}}, 2: {color:{background:'blue'}},};
var
浏览 2提问于2015-07-24得票数 7
回答已采纳
1回答
图像I有一个布局，它有一个固定宽度的列，它位于屏幕的中心。这个布局有一个标题栏，为了简单起见，它有一个固定的高度。
有没有可能让标题栏留在原地，但让它看起来像是一直延伸到窗口一侧的边缘？因此，列右侧的区域还应该显示一个蓝色背景和50px高度的条形图。
浏览 1提问于2014-09-09得票数 0
我想在iOS本地应用程序中绘制图形(使用自动布局和Xcode 6.1制作应用程序)..after googling，我找到了绘制图形的核心绘图库。我使用了这个库的“示例”文件夹中的示例。
浏览 0提问于2015-03-29得票数 0
1回答
我想在R中创建一个条形图，以显示网络中这些参数之间的差异。到目前为止，我用barplot函数绘制了这个图，它包含x轴上的类别，它们在y轴上的值，以及每个类别3条(每个网络有一个)。但现在我有一个比其他的都高得多的价值。因此，其他部分的差异是看不见的，因为它们只是用一条细线来表示，因为那条大条几乎填满了整个情节。我的想法是把y轴上的值绘制成不规则的比例，例如，一半表示0到300之间<
浏览 6提问于2012-09-12得票数 1
2回答
如何调整我的yAxis笛卡尔网格，使其位于条形图的起点而不是中心，并沿y轴延伸到条形图区域上方，如第二张图片所示。
<ResponsiveContainer height={250} width={"100%"} >
<BarChart data={data}>
浏览 5提问于2021-01-28得票数 0
我正在使用facet_plot()在我的树的顶端添加一个带特征值的条形图。我需要有一个条形图的图例，但在documentation或在a similar question中找不到如何做到这一点。看起来facet_plot()让这件事变得有点棘手。下面是我的代码： library(ggtree)library(ggstance) # for horizontal versions of geoms
浏览 34提问于2019-06-27得票数 2
回答已采纳
我使用的是： + AngularJS包装：
为此，必须为每个数据集单独设置一个类型。可以使用条形图和线状图类型创建混合图表类型。创建图表时，必须将整个类型设置为条形图。
没那么重要，除非我只有一个元素.
ChartJS以点- 的形式
浏览 3提问于2017-03-09得票数 3
回答已采纳
1回答
用桶形函数R绘制区间
、、、、
我正在使用这个问题的解决方案来尝试用指定的间隔绘制一个条形图：
> library(lattice)
> b = c(11,20)> d = c(31,40)
> e =是否有更容易的方法来制作这
浏览 0提问于2016-06-20得票数 3
回答已采纳
1回答
我在Deneb中创建了一个简单的堆叠条形图，用户可以在其中突出显示:X轴是组，突出显示是层。我还创建了一个工具提示，它应该显示每个栏的名称，并且应该与条形图上的标签相匹配。奇怪的是，工具提示以相反的顺序显示:指向A表示D，F显示E等。(参见。)我曾试图将排序插入到条形图中，但这不起作用。我的偏好是让条形保持原样，工具提示
浏览 9提问于2022-06-22得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
