【问题标题】:show tooltip in highcharts在 highcharts 中显示工具提示
【发布时间】:2014-08-14 05:34:37
【问题描述】:

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

例如,如果您查看this example,图表右侧会显示东京、纽约等。

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

【问题讨论】:

    标签: javascript jquery highcharts highstock


    【解决方案1】:

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

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

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

    【讨论】:

    • 我需要在 highstocks 而不是 highcharts 中显示这些颜色
    • 你知道吗
    • 在 highstock 中设置时,也会应用颜色。
    【解决方案2】:

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

    legend: {
        enabled: true
    }
    

    要启用在 highstock 中默认禁用的 marker,您需要显式设置它:

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

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

    【讨论】:

    • 我不想改变它的一面,我想让它作为我的数据的静态,以便用户始终知道哪种颜色代表 wt,而不是通过悬停知道
    • 我不明白你的意思。传奇是静态的。您希望图例与演示链接位于同一位置吗?如果是这样,您需要调整其位置,因为默认位于底部。
    • 你能看到旁边的符号吗?东京的蓝色符号,伦敦的橙色符号?我需要在 highstocks highcharts.com/stock/demo/compare 中这样的符号。你在这个没有看到什么吗?我想在这个:(
    • user3929413 您需要启用标记。请查看我发布的那些指向 API 文档的链接。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-09-27
    • 1970-01-01
    • 2022-07-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多