javascript - 动态更改 HighCharts 中选定点的颜色

标签 javascript highcharts scatter-plot

我有一个散点图,其中根据某些条件用不同颜色绘制了一些点。当我选择一个点时,该点的颜色默认变为白色。我需要保留所选点的颜色,因为外部颜色和内部颜色可以是任何颜色,甚至白色也可以。

我已经尝试过这段代码,但它不起作用,请帮助我,因为我对 highcharts 不太熟悉。在此代码中,我尝试将选定的点线颜色设置为绿色。

plotOptions: {
                series: {
                    cropThreshold: maxCropThreshold,
                    allowPointSelect: true,
                    point: {
                        events: {
                            select: function (e) {
                                mychart.options.plotOptions.series.marker.states.select.lineColor="green";
                            },
                            unselect: function(){
                            }
                        }
                    },

最佳答案

使用下面的代码,我能够让它工作

point: {
                        events: {
                            select: function (e) {
                            //to update line color
                                       this.update({
                        marker: {
                            states: {
                                select:{
                                    lineWidth: 1.5,
                                    lineColor: this.color
                                }
                            }
                        }
                    }, true);
}

关于javascript - 动态更改 HighCharts 中选定点的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31200943/

相关文章:

python - Pandas:散点图,其点的大小由一列的唯一值与另一列的相应值的大小决定

javascript - JS赋值运算符: Assigning to a variable determined by conditional operator expression

javascript - 保存系列图表类型以供以后使用

mysql - 如何从mysql表中获取前5个金额?

r - 如何根据r中的分类列更改highchart中折线图的颜色?

javascript - Highcharts 错误 #18 - Highcharts.Chart(选项)

python - 如何制作非数值列的散点图?

javascript - iOS 8 页面在输入焦点上跳转

javascript - 如何使用 .filter() 按对象中的对象进行过滤?

javascript - 有没有一种从 asm.js 模块处理多个数组的好方法?