[GitHub] Hari9513 opened a new issue #8411: disable draggable for bar charts

[GitBox <gi...@apache.org>]

Hari9513 opened a new issue #8411: disable draggable for bar charts
URL: https://github.com/apache/incubator-echarts/issues/8411
 
 
   Hi, i'm using this echart.js file for displaying the report in my case everything is working fine but i want to remove or disable the draggable option from my bar chart even removing from all type of charts will be better. how to remove this?
   I tried adding draggable:false in my code
   tooltip: {
           trigger: 'axis'
         },
         legend: {
           data: ['Completed', 'In Progress', 'Cancelled', 'Missed']
         },
         toolbox: {
           show: true,
           feature: {
             restore: { show: true, title: "restore" },
             saveAsImage: { show: true, title: "save as image" }
           }
         },
         calculable: true,
         xAxis: [{
           type: 'category',
           data: ['Bookings']
         }],
         yAxis: [{
           type: 'value'
         }],
         series: [{
             name: 'Completed',
             type: 'bar',
             data: [this.completed],
             markPoint: {
               data: [
                 { type: 'max', name: 'Max' },
                 { type: 'min', name: 'Min' }
               ]
             },
             markLine: {
               data: [
                 { type: 'average', name: 'Average' }
               ]
             }
           },
           {
             name: 'In Progress',
             type: 'bar',
             data: [this.ongoing],
             markPoint: {
               data: [
                 { type: 'max', name: 'Max' },
                 { type: 'min', name: 'Min' }
               ]
             },
             markLine: {
               data: [
                 { type: 'average', name: 'Average' }
               ]
             }
           },
           {
             name: 'Cancelled',
             type: 'bar',
             data: [this.canceled],
             markPoint: {
               data: [
                 { type: 'max', name: 'Max' },
                 { type: 'min', name: 'Min' }
               ]
             },
             markLine: {
               data: [
                 { type: 'average', name: 'Average' }
               ]
             }
           },
           {
             name: 'Missed',
             type: 'bar',
             data: [this.missed],
             markPoint: {
               data: [
                 { type: 'max', name: 'Max' },
                 { type: 'min', name: 'Min' }
               ]
             },
             markLine: {
               data: [
                 { type: 'average', name: 'Average' }
               ]
             }
           }
         ]
   
   please help me to fix this asap, thanks in advance.
   
   

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: dev-unsubscribe@echarts.apache.org
For additional commands, e-mail: dev-help@echarts.apache.org