Make Mesh 3d control adjustments

Author: VeraZab

src/components/fields/TraceSelector.js

@@ -31,7 +31,7 @@ function computeTraceOptionsFromSchema(schema, _, context) {
     {value: 'violin', label: _('Violin')},
     {value: 'scatter3d', label: _('3D Scatter')},
     {value: 'surface', label: _('Surface')},
-    {value: 'mesh3d', label: _('Mesh3d')},
+    {value: 'mesh3d', label: _('3D Mesh')},
     {value: 'scattergeo', label: _('Atlas Map')},
     {value: 'choropleth', label: _('Choropleth')},
     {value: 'scattergl', label: _('Scatter GL')},

src/default_panels/GraphCreatePanel.js

@@ -29,6 +29,9 @@ const GraphCreatePanel = ({localize: _}) => {
         <DataSelector label={_('X')} attr="x" />
         <DataSelector label={_('Y')} attr="y" />
         <DataSelector label={{choropleth: _('Values'), '*': _('Z')}} attr="z" />
+        <DataSelector label={_('I (Optional)')} attr="i" />
+        <DataSelector label={_('J (Optional)')} attr="j" />
+        <DataSelector label={_('K (Optional)')} attr="k" />
         <DataSelector label={_('Open')} attr="open" />
         <DataSelector label={_('High')} attr="high" />
         <DataSelector label={_('Low')} attr="low" />
@@ -39,6 +42,9 @@ const GraphCreatePanel = ({localize: _}) => {
       </Section>
 
       <Section name={_('Options')}>
+        <DataSelector label={_('Intensity')} attr="intensity" />
+        <DataSelector label={_('Facecolor')} attr="facecolor" />
+        <DataSelector label={_('Vertexcolor')} attr="vertexcolor" />
         <Dropdown
           label={_('Location Format')}
           attr="locationmode"

src/default_panels/StyleTracesPanel.js

@@ -39,6 +39,7 @@ const StyleTracesPanel = ({localize: _}) => (
       />
 
       <Numeric label={_('Opacity')} step={0.1} attr="opacity" />
+      <ColorPicker label={_('Color')} attr="color" />
     </Section>
 
     <Section name={_('Text Attributes')}>
@@ -62,6 +63,14 @@ const StyleTracesPanel = ({localize: _}) => (
           {label: _('Text'), value: 'text'},
         ]}
       />
+      <Radio
+        attr="flatshading"
+        label={_('flatshading')}
+        options={[
+          {label: _('Enable'), value: true},
+          {label: _('Disable'), value: false},
+        ]}
+      />
     </Section>
 
     <Section name={_('Filled Area')}>
@@ -246,6 +255,18 @@ const StyleTracesPanel = ({localize: _}) => (
         units="%"
         step={0.1}
       />
+      <Numeric
+        label={_('Vertex Normal')}
+        attr="lighting.vertexnormalsepsilon"
+        units="%"
+        step={0.1}
+      />
+      <Numeric
+        label={_('Face Normal')}
+        attr="lighting.facenormalsepsilon"
+        units="%"
+        step={0.1}
+      />
     </Section>
 
     <Section name={_('Light Position')}>
@@ -305,12 +326,22 @@ const StyleTracesPanel = ({localize: _}) => (
       />
     </Section>
 
-    <Section name={_('Values Shown On Hover')}>
+    <Section name={_('On Hover')}>
       <HoverInfo
         attr="hoverinfo"
         label={_('Values Shown On Hover')}
         localize={_}
       />
+      <Radio
+        label={_('Show contour')}
+        attr="contour.show"
+        options={[
+          {label: _('Show'), value: true},
+          {label: _('Hide'), value: false},
+        ]}
+      />
+      <ColorPicker label={_('Contour Color')} attr="contour.color" />
+      <Numeric label={_('Contour Width')} attr="contour.width" />
     </Section>
 
     <TraceTypeSection name={_('Hover Action')} traceTypes={['box']}>