Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/elixir/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript chartJS中雷达图的highlightFill_Javascript_Chart.js - Fatal编程技术网

Javascript chartJS中雷达图的highlightFill

Javascript chartJS中雷达图的highlightFill,javascript,chart.js,Javascript,Chart.js,chartJS中的条形图可以使用highlightFill属性更改高亮显示时的填充颜色: var data = { labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"], datasets: [ { label: "My First dataset", fillColor: "rgba(220,2

chartJS中的条形图可以使用highlightFill属性更改高亮显示时的填充颜色:

var data = {
    labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
    datasets: [
        {
            label: "My First dataset",
            fillColor: "rgba(220,220,220,0.2)",
            strokeColor: "rgba(220,220,220,1)",
            pointColor: "rgba(220,220,220,1)",
            pointStrokeColor: "#fff",
            pointHighlightFill: "#fff",
            pointHighlightStroke: "rgba(220,220,220,1)",
            data: [65, 59, 90, 81, 56, 55, 40]
        },
        {
            label: "My Second dataset",
            fillColor: "rgba(151,187,205,0.2)",
            strokeColor: "rgba(151,187,205,1)",
            pointColor: "rgba(151,187,205,1)",
            pointStrokeColor: "#fff",
            pointHighlightFill: "#fff",
            pointHighlightStroke: "rgba(151,187,205,1)",
            data: [28, 48, 40, 19, 96, 27, 100]
        }
    ]
};

然而,雷达图没有此类属性:

var data = {
    labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
    datasets: [
        {
            label: "My First dataset",
            fillColor: "rgba(220,220,220,0.2)",
            strokeColor: "rgba(220,220,220,1)",
            pointColor: "rgba(220,220,220,1)",
            pointStrokeColor: "#fff",
            pointHighlightFill: "#fff",
            pointHighlightStroke: "rgba(220,220,220,1)",
            data: [65, 59, 90, 81, 56, 55, 40]
        },
        {
            label: "My Second dataset",
            fillColor: "rgba(151,187,205,0.2)",
            strokeColor: "rgba(151,187,205,1)",
            pointColor: "rgba(151,187,205,1)",
            pointStrokeColor: "#fff",
            pointHighlightFill: "#fff",
            pointHighlightStroke: "rgba(151,187,205,1)",
            data: [28, 48, 40, 19, 96, 27, 100]
        }
    ]
};

关于如何扩展雷达图以使用该属性,有什么想法吗?

雷达图与条形图的不同之处在于,一个区域实际上是一个完整的系列(对于条形图,它是一个单一的数据点)

当你得到一个雷达工具提示,想想它代表的是海图的哪个区域,你会发现它基本上只代表了从中心辐射的2个点。序列中两点之间的面积实际上在它们之间共享。突出显示一半区域也不好看

除此之外,事实上第二个雷达图系列可能完全涵盖了一个雷达图系列,我想不出一种不令人困惑的方法来为雷达图设置悬停高亮显示(想想你将如何为折线图区域设置高亮显示-你没有。你只为一个点设置)


谢谢您的回答@potatopeelings!实际上我只是想在悬停状态下隐藏一个数据集,这样我就可以“突出显示”剩下的数据集。我想拥有highlight属性可以很容易地解决这个问题。。但也许我应该在鼠标离开时删除数据集。我想你也会遇到同样的问题。如果你有一个数据集完全覆盖了另一个数据集,就像在上一张图片中一样,你将无法隐藏内部数据集。我明白你的意思,但我将始终隐藏同一个数据集,因此我认为我可以通过具体说明来实现