将总列添加到高图表列范围
将总列添加到高图表列范围
提问于 2017-10-23 16:10:06
我正在使用高级图表来构建一个图表，员工可以在给定的一周内查看那里的时间表。理想的情况下，我希望有一个总专栏，显示总小时计划和工作在给定的一天。
最初，我在图表旁边构建了一个表，目的是跟踪图中的总数，但是由于动态高图的特性，很难保持行对齐。
这里有一个指向JSFiddle的链接，其中包含了我已经尝试过的精简版本。如果您单击pto图例按钮，您可以看到高级图表动态变化，这就是为什么在图形旁边有一个表不能很好地工作。
我认为使用stackLabels属性可能适用于我想要做的事情，但我无法让它工作。
yAxis: {
min: 0,
title: {
text: 'Total fruit consumption'
},
stackLabels: {
enabled: true,
style: {
fontWeight: 'bold',
color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
}
}
},正如这个问题所描述的那样，我已经能够将总比较添加到图例中，但是如果将总数与数据条放在同一行中，则会更加清楚。
本质上，我要做的是以下几点。
8am . 10am 12pm . 2pm . 4pm Tot. Worked . Tot Schedu. Jan 1 -- Worked -------- 4.5 4
--- Scheduled -- Jan 2 . -- Worked -- 3.5 4
--- Scheduled -- 非常感谢你的帮助！你是最好的!
回答 2
Stack Overflow用户
发布于 2017-10-25 06:04:18
如果您为xAxis设置了一个Min和Max，您就可以像您正在做的那样，通过一个单独的表来实现总数。这可以防止高图表在其中一行没有数据时调整它们的大小。
xAxis: {
//... other values
min: Date.UTC(1,1,3,0,0,0),
max: Date.UTC(1,1,7,0,0,0),
}Stack Overflow用户
发布于 2017-10-26 07:25:25
您还可以增加右边距和渲染texts内的每个点的图表区域。看看下面的例子。
API参考：
https://api.highcharts.com/highcharts/chart.marginRight
https://api.highcharts.com/class-reference/Highcharts.SVGRenderer.html#text
示例：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46900281
复制相关文章
相似问题
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
