Question

我有HichChart和subTitle。我想要设计它，这个文本的一部分在左边，另一部分在右边。

我尝试使用内联css执行此操作，并打开html for subTitle。

Sample我有什么

subtitle: {
    text: '<b>This is</b>&nbsp;<span style="float : right !important;text-align: right !important;">the subtitle</span>',
    floating: true,
    align: 'left',
    x: 100,
    y: 60,
    useHTML : true
}

但这没有用。

Answer 1

这不是最佳选择，但您可以像fiddle

一样覆盖css样式

#container .highcharts-container .highcharts-subtitle {
  width:calc(100% + -120px); /*customize this to your needs*/
}

希望有所帮助

Answer 2

我在副标题上添加了一个正确的位置，以便它有一个全宽，否则你的浮标什么都不做，我唯一不理解的是为什么我必须添加与x相同的左侧位置以便＆＃34;字幕文本＆＃34;不会在图表之外结束。

这是我添加的

style: { "right":"10px", "left": "100px" }

如果你想要更多的右边距，只需增加正确的属性

这里完整的小提琴http://jsfiddle.net/h70sj57r/4/

如果我不添加左侧位置，这就是它的样子（再次我没有想到它做了什么计算，所以你需要添加它）http://jsfiddle.net/h70sj57r/5/

使用HighCharts在不同侧面显示字幕部分

2 个答案: