mode bar still shows despite setting display-mode-bar="false"

[PaulGuerry]

I am trying to get rid of the mode bar. Am I doing something wrong ?

[erkandem]

I think it's a documentation error. display-mode-bar="false" is not picked up or passed on to the underlying plotly.js components.

vue3-plotly/src/VuePlotly.vue

Line 20 in d3d878d

props: ['data', 'layout', 'config'],

However, config is passed on and documented in plotly.js documentation.
Try something like this:

<script setup>
import { ref } from 'vue'
import { VuePlotly } from 'vue3-plotly'
const chartData = ref({
      data:[{
        x: [1,2,3,4],
        y: [10,15,13,17],
        type:"scatter"
      }],
      layout:{
        title: "My graph"
      },
      config: {
          displayModeBar: false
      }
    })
</script>

<template>
<VuePlotly
    :data="chartData.data"
    :layout="chartData.data"
    :config="chartData.config"
/>
</template>

[PaulGuerry]

Hello, I have finally got round to trying this and it seems to be working, thanks! Thanks also for the explanation. Cheers, Paul

…

On Thu, Mar 16, 2023 at 2:37 PM Erkan Demiralay ***@***.***> wrote: I think it's a documentation error. display-mode-bar="false" is not picked up or passed on to the underlying plotly.js components. https://github.com/VanOord/vue3-plotly/blob/d3d878d6deb8aedab0b508370f9378543a66c7f4/src/VuePlotly.vue#L20 However, config is passed on and documented in plotly.js documentation. Try something like this: <script setup> import { ref } from 'vue' import { VuePlotly } from 'vue3-plotly' const chartData = ref({ data:[{ x: [1,2,3,4], y: [10,15,13,17], type:"scatter" }], layout:{ title: "My graph" }, config: { displayModeBar: false } })</script> <template><VuePlotly :data="chartData.data" :layout="chartData.data" :config="chartData.config"/></template> — Reply to this email directly, view it on GitHub <#1 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AZ5FM6JOBN2M44QYM7YQHWLW4MJRDANCNFSM6AAAAAAVK4JJ2A> . You are receiving this because you authored the thread.Message ID: ***@***.***>