Question

我正在尝试针对小组讨论期间要使用的相同调查数据设置HighCharts报告。参与者使用他们的智能手机对10个问题进行投票，主持人将在讨论中一个接一个地讨论结果（不一定是顺序的）。

目标...

单击表中的“眼睛”图标（jQuery翻转）后，我想在图表中显示相应的数据点（3个系列）。

理想情况下，我将全部数据加载到系列中，隐藏所有数据并根据数组索引取消隐藏。

到目前为止已经尝试过...

该图表已经看起来不错，但是我找不到一个很好的解决方案来在图表中一张一张地显示结果（尤其是没有顺序！）。我已经尝试摆弄数据点的不透明度，但这对样条线没有影响。

图表和表格的图像：

https://imgur.com/a/Umj2IPj

JSFiddle：

http://jsfiddle.net/q1c8rtm7/

    series: [{
        name: 'Average',
        zIndex: 1,
        data: [[2.5,7.6],[7.5,6.4],[12.5,6.6],[17.5,5.4],[22.5,6.2],[27.5,5.4],[32.5,7.0],[37.5,7.2],[42.5,6.4],[47.5,5.8],[52.5,6.6]]
    },
    {
        name: 'Median',
        zIndex: 1,
        lineWidth: 0,
        lineColor: 'rgba(207, 193, 8, 255)',
        marker: {
            fillColor: 'rgba(207, 193, 8, 255)'
        },
        data: [[2.5,7.0000000000],[7.5,6.0000000000],[12.5,6.0000000000],[17.5,5.0000000000],[22.5,6.0000000000],[27.5,6.0000000000],[32.5,6.0000000000],[37.5,7.0000000000],[42.5,7.0000000000],[47.5,6.0000000000],[52.5,7.0000000000]]
    },
     {
        name: 'Min/Max',
         type: 'arearange',
         lineWidth: 0, 
         fillColor: 'rgba(163, 163, 163, 0.2)',
         lineColor: 'rgba(163, 163, 163, 0.2)',
         zIndex: 0,
         marker: {
            enabled: false,
            fillColor: 'rgba(163, 163, 163, 0.2)'
         },
         data: [[2.5,6.0000000000, 10.0000000000],[7.5,5.0000000000, 8.0000000000],[12.5,6.0000000000, 8.0000000000],[17.5,2.0000000000, 8.0000000000],[22.5,3.0000000000, 9.0000000000],[27.5,2.0000000000, 7.0000000000],[32.5,5.0000000000, 9.0000000000],[37.5,6.0000000000, 10.0000000000],[42.5,3.0000000000, 8.0000000000],[47.5,3.0000000000, 9.0000000000],[52.5,6.0000000000, 7.0000000000]]
    }]

感谢您的任何想法/提示/反馈！

安德烈

Answer 1

默认情况下不支持该行为，并且需要一些自定义解决方案。例如，您可以通过c1.py方法来处理系列数据：


import sys
sys.path.append(“../”)

#if u want from src folder add ../../

from B.b1 import YourFunctionName

实时演示： http://jsfiddle.net/BlackLabel/40ued16x/

API参考： https://api.highcharts.com/class-reference/Highcharts.Series#setData

HighCharts显示/隐藏数据点

1 个答案: