b4s36t4 commented on issue #32496:
URL: https://github.com/apache/superset/issues/32496#issuecomment-2726270727

   ## Proposal.
   
   This proposal is mainly inspired from the google sheets implementation.
   
   **All the proposed changes are only available under `Customize` tab.**
   
   ### Changes Required.
   
   * Allow to configure each field (metric, dimensions etc) to update their 
chart type and map the selected type in the `echartOptions` prop.
   * Allow to configure multiple columns to be stacked, (I should be able to 
stack four columns into two stacked columns)
   * Trendline generation, maybe using `markLine` prop from echarts.
   
   ### Implementation Details.
   
   * Update `controlPanel.tsx` file for `Bar` component
       * Mapping field for columns to specify their chart type
       * Stack Configuration for columns (maybe using Ant-MultiSelect input).
   * Generate and pass the `series` prop for `echartOptions` to adjust 
according to the settings specified.
   
   
   ### Demo Chart Generation
   
   This is the sample implementation of echart options that has been created 
for demoing the implementation.
   
   <details>
   <summary>Summary</summary>
   
   ```javascript
   {
       series: [
       {
         name: 'Sprint Storeies',
         type: 'bar',
         emphasis: {
           focus: 'series'
         },
         data: [21,23,22,26,26,25,24]
       },
       {
         name: 'Bugs P1 Opened',
         type: 'bar',
         stack: 'Bugs',
         emphasis: {
           focus: 'series'
         },
         data: [15,9,10,8,4,4,1],
         label:{
           show: true,
         },
         markLine: {
           lineStyle:{
             type:"solid",
             color:"red"
           },
           data: [
             [
               {
                 name:"Start",
                 coord: [6,1]
               },
               {
                 name: "End",
                 coord: [0,15]
               }
             ]
           ]
         }
       },
       {
         name: 'Bugs P2/3 Opened',
         type: 'bar',
         stack: 'Bugs',
         emphasis: {
           focus: 'series'
         },
         data: [28,40,30,25,12,10,5],
       },
       {
         name:"Effenciy",
         type: "line",
         yAxisIndex: 1,
         data: [0.488372093,0.4693877551,0.55,0.7878787879,1.625,1.785714286,4]
       }
   ]
   }
   ```
   </details>
   
   
   ### Side-Effects/Errors
   
   I don't see any issue with the implementation because this is purely UI 
update where we adjust the props to support the stacking/trendlines for the 
`Bar` plugin, but surely will make necessary changes if it breaks anything to 
support backward compatibility etc.


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: [email protected]

For queries about this service, please contact Infrastructure at:
[email protected]


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to