【问题标题】:Google Charts Timeline: how can I left-justify the row labelsGoogle Charts Timeline:如何左对齐行标签
【发布时间】:2014-01-15 13:48:36
【问题描述】:

我想左对齐我的 Google 图表时间轴中的所有行标签。文档说“timeline.rowLabelStyle”只支持字体类型、颜色和大小,我无法让“allowHtml”关键字起作用。

我也尝试了以下方法,但没有运气:

.customChartStyle{
    text-align:left !important;
}

...

chart.draw(data, {width: 950, height: 600, 'cssClassNames': {'tableCell': 'customChartStyle'}});

如果有人可以告诉我如何根据需要自定义行标签,我将不胜感激。

【问题讨论】:

  • 不支持更改标签的对齐方式。您可以提交feature request 以添加支持。

标签: php html css google-visualization timeline


【解决方案1】:

事后才有效

$('#myTimeline div div div svg g:first text').attr({'x':5,"text-anchor":"start"})

【讨论】:

    【解决方案2】:

    是否需要导入库来执行下面的脚本?

    $('#myTimeline div div div svg g:first text').attr({'x':5,"text-anchor":"start"})
    

    【讨论】:

      【解决方案3】:

      我知道我迟到了,但我设法将时间线行标签移动到左侧,执行以下操作(jQuery 方式):

      $('#myTimeline div div div div svg g:first text').attr({'x': 5, 'text-anchor': 'start'});
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2013-09-07
        • 1970-01-01
        • 1970-01-01
        • 2017-01-10
        相关资源
        最近更新 更多