高图传奇答案

【问题标题】：HIghcharts Legend高图传奇
【发布时间】：2018-03-10 08:51:54
【问题描述】：

有没有办法让我通过将名称及其颜色创建为单独的数据来在 highcharts 中显示图例？

如果这是我的数据：

[{
  "x": 0.92,
  "y": 1.12,
  "date": "05-18-2003",
  "color": "#0082c8",
  "idNo": 3,
  "mc": "green",
  "symbol": "circle"
},
{
  "x": 0.92,
  "y": 1.13,
  "date": "05-18-2003",
  "color": "#0082c8",
  "idNo": 10,
  "mc": "green",
  "symbol": "circle"
},
{
  "x": 0.96,
  "y": 1.05,
  "date": "06-10-2003",
  "color": "#f58231",
  "idNo": 3,
  "mc": "green",
  "symbol": "circle"
},
{
  "x": 0.96,
  "y": 1.09,
  "date": "06-11-2003",
  "color": "#911eb4",
  "idNo": 3,
  "mc": "green",
  "symbol": "circle"
},
{
  "x": 0.96,
  "y": 1.1,
  "date": "06-11-2003",
  "color": "#911eb4",
  "idNo": 10,
  "mc": "green",
  "symbol": "circle"
}
]

而我根据上述数据动态创建的图例数据是图例数据=

[{name: "05-18-2003", color1: "#0082c8"}
{name: "06-11-2003", color1: "#f58231"}
{name: "06-10-2003", color1: "#911eb4"}]

如何从这个 legendData 变量中创建图例？

谢谢。

【问题讨论】：

你能解释一下默认图例和你想从legendData创建的东西吗？
由于我将数据发送到 highcharts API 的方式，我无法以我想要的方式获得图例。图例名称应为日期，颜色为其对应颜色。

标签： highcharts legend

【解决方案1】：

要修改图例项标签，您可以使用labelFormatter 函数。至于每个图例项的不同颜色，您可以使用样式模式并使用 CSS 设置它们的样式。看看下面发布的示例。

文档参考：
https://www.highcharts.com/docs/chart-design-and-style/style-by-css

API 参考：
http://api.highcharts.com/highcharts/legend.labelFormatter

示例：
http://jsfiddle.net/mw06ywvp/

【讨论】：