3d plot not working ("Webgl is not supported by your browser")

[soichih]

When I try to display 3d plots (like a scatter3d), I get an error message saying "Webgl is not supported by your browser".

If I use plotly directly, I get a working plot.

Does vue-plotly not support 3d plots?

[soichih]

I did a bit more troubleshooting, and I found that if I load plotly like following.

import Plotly from 'plotly.js/dist/plotly.min.js' 

.. the 3d graphs works. But not this

import Plotly from 'plotly.js'

I think there is something wrong with the way plotly is webpacked on my project... but I am not sure what exactly the cause of this problem.

[danielpcampagna]

@soichih , some update or news about this issue?

[soichih]

I think I had to add ify-loader (whatever that is..) to my webpack config.

build/webpack.base.conf.js

under module.exports.module.rules

      //plotly needs ify-loader (rest should be babel-loader - for es6 syntax)
      {
        test: /\.js$/,
        loader: 'ify-loader', //to make it work with plotly
        exclude: [resolve('src')],
      },

[exislow]

I have the same issue, using the scatter3d plot. the ify-loader solution could not help. Has anybody a solution?

[benguela]

same here, adding ify-loader did not help neither did using plotly.min.js for me

[aguillenb]

I did a bit more troubleshooting, and I found that if I load plotly like following.

import Plotly from 'plotly.js/dist/plotly.min.js' 

.. the 3d graphs works. But not this

import Plotly from 'plotly.js'

I think there is something wrong with the way plotly is webpacked on my project... but I am not sure what exactly the cause of this problem.

That worked for me! Thanks!!!

[MiltonCobo]

Hi, I'm trying to use vue-plotly in a project using nuxtjs and vue.js. For 3D graphics shows up the same problem: "WebGL is not supported by...."
I am importing Plotly from 'plotly.js/dist/plotly.js' as indicated here, but still is not working. And I have no idea how to set up
ify-loader in the configuration fo nuxtJS ( nuxt.config.js).
There is a reference to this in https://github.com/statnett/vue-plotly, but still i could not make it work.
Anybody can help me?

[soichih]

@MiltonCobo you should use https://github.com/David-Desmaisons/vue-plotly instead. It just works.