在highcharts中显示工具提示

Question

如何为不同类型的数据和highstock的右侧显示特定颜色。

例如，如果您查看this example，它会在图表的右侧显示东京，纽约等。

我想用highstock做这个并比较图表系列
   http://www.highcharts.com/stock/demo/compare

Answer 1

在创建图表之前使用此代码。按顺序指定颜色。

Highcharts.setOptions({
        colors: ['red', 'green', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4']
    });

这是工作小提琴[ http://jsfiddle.net/sjpfLz8r/ ][1]

Answer 2

您需要在highstock中明确启用legend。然后你可以按照你想要的方式格式化它（将它放在哪一边等）。

legend: {
    enabled: true
}

要启用marker（默认情况下以高价格禁用），您需要明确设置它：

plotOptions: {
    series: {
        compare: 'percent',
        marker: {
            enabled: true,
            radius: 4
        }
    }
}

这将在数据和图例中显示标记。