javascript - 我们如何更改 Highcharts 中的图例位置?

标签 javascript jquery highcharts

我正在为我的一个项目使用 Highcharts API。

我需要右侧的图例和左侧的图表,如下链接所示。谁能知道如何在 Highcharts 中执行此操作?

提前非常感谢。

请检查此图片。

Image Link

最佳答案

设置图例的布局、对齐和垂直对齐选项,如下所示:

 legend: {
   layout: 'vertical',
   align: 'right',
   verticalAlign: 'middle',
   itemMarginTop: 10,
   itemMarginBottom: 10
 },

通过 itemMarginTop/Bottom 您可以控制图例项之间的填充。

示例:http://jsfiddle.net/ca8h5eqz/

pie

关于javascript - 我们如何更改 Highcharts 中的图例位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42928000/

相关文章:

javascript - 将函数传递给 javascript 类

javascript - 未捕获的语法错误 : Unexpected token var (Javascript)

javascript - 401 未经授权的问题

javascript - 如何使用jquery关闭消息框

javascript - Highcharts:如果先前的数组只有空值,则系列不会更新

javascript - {{#each}} 内的 Handlebars 表达式

javascript - 当可观察集合发生变化时更新 Div

jQuery UI 工具提示加载并延迟显示

javascript - 如何使用 highcharts 库制作具有甘特图的里程碑线?

javascript - Highstock 日期输入,在 iPad 上页面跳转到顶部