【问题标题】:C3.js - Add right padding to Timeseries chartsC3.js - 为时间序列图表添加右填充
【发布时间】:2015-11-08 01:49:24
【问题描述】:

我想知道是否有办法为C3.js 上的Timeseries 图表添加右填充。

正如您在来自 C3js.org 的 example 上看到的,日期标签在右侧被截断。或者看下图:

【问题讨论】:

  • 为了解决这个问题,我只是将 CSS 添加到元素中。或者,只需使容器比图表本身宽得多或设置overflow: visible
  • 一个 CSS 属性... 标签正在绘制,它只是被剪裁。所以包含的 div 需要显示溢出。

标签: javascript charts padding c3 c3.js


【解决方案1】:

你可以使用选项 padding > 对,像这样

var chart = c3.generate({
    padding: {
        right: 20
    },
    data: {
    ...

来自http://c3js.org/reference.html#padding-right的文档

padding.right

图表右侧的内边距。

默认:未定义

【讨论】:

  • 这行得通。当心!以@potatopeelings 的方式添加填充。不要在x-axis里面加,不然不行
  • x 轴是一个时间序列,因此填充以毫秒而不是像素计。存储库中有一个未解决的问题:github.com/c3js/c3/issues/1128
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-12-04
  • 1970-01-01
  • 2015-03-30
  • 1970-01-01
  • 2018-10-31
  • 2016-01-14
  • 1970-01-01
相关资源
最近更新 更多