Javascript 在metricsgraphics图表中设置轴标签的样式

我已创建metricsgraphics图表，并尝试增加轴标签的字体大小：

我的js：

 MG.data_graphic({
    title: "sightings",
    data: [{
        'date': new Date('2014-10-28'),
        'value': 7
    }, {
        'date': new Date('2014-11-01'),
        'value': 12
    }, {
        'date': new Date('2014-11-02'),
        'value': 18
    }],
    width: 400,
    height: 250,
    target: '#sightings',
    x_accessor: 'date',
    y_accessor: 'value',
});

和CSS：

.mg-x-axis text, .mg-y-axis text, .mg-histogram .axis text {
    font-size: 1.5rem;
}

年份和月份发生冲突，有没有办法通过CSS或更好的图表选项解决这个问题？

使用CSS

• 您可以使用

  transform:translate（x，y）

  定位年份标记
• 可以使用列出的所有属性设置文本样式， e、 g.加粗或改变颜色：

  text {
      font-weight: bold;
      fill: rebeccapurple;
      font-size: 30px;
  }
  

• 如果年份标记与月份标记发生冲突，请使用

  translate（0,10px）

  将它们分开，并使用以下工具使年份标记可见：

  svg {
      overflow: visible !important;
  }
  

$（函数（）{
MG.data\U图形({
标题：“目击事件”，
数据：[{
“日期”：新日期（“2014-10-28”），
“值”：7
}, {
“日期”：新日期（“2014-11-01”），
“值”：12
}, {
“日期”：新日期（“2014-11-02”），
“值”：18
}],
宽度：400，
身高：250，
目标:"目击",，
x_访问器：“日期”，
y_访问器：“值”，
});
});
$（“.mg年标记文字”）.attr（“填充”、“红色”）
.mg-x轴文本、.mg-y轴文本、.mg直方图.轴文本{
字体大小：1.5rem；
}
svg{
溢出：可见！重要；
高度：300px；
}
g、 mg年标记{
转换：转换（100px，15px）；
}
g、 年份标记文字{
字号：2rem；
填充：丽贝卡紫色；
字体大小：粗体；
}