Update style props, example

replot · Mar 9, 2018 · 3da145f · 3da145f
1 parent d52911b
commit 3da145f
Show file tree

Hide file tree

Showing 5 changed files with 7,459 additions and 3,571 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/examples/components/LineExample.jsx b/examples/components/LineExample.jsx
@@ -51,23 +51,20 @@ class LineExample extends React.Component {
         {optionName: "groupKey", name: "Group By", optionType: "hidden", initialValue: "index"},
         {optionName: "xKey", name: "X Axis", optionType: "hidden", initialValue: "year"},
         {optionName: "yKey", name: "Y Axis", optionType: "hidden", initialValue: "value"},
+        {optionName: "legendFontColor", name: "Legend Color", optionType: "field", input: "string", initialValue: colors[this.props.palette].axisColor},
+        {optionName: "legendShowBorder", name: "Show Legend Border", optionType: "bool", initialValue: false},
+        {optionName: "legendBorderColor", name: "Legend Border Color", optionType: "field", input: "string", initialValue: colors[this.props.palette].axisColor},
+        {optionName: "axisColor", name: "Axis Color", optionType: "field", input: "string", initialValue: colors[this.props.palette].axisColor},
+        {optionName: "labelColor", name: "Label Color", optionType: "field", input: "string", initialValue: colors[this.props.palette].axisColor},
+        {optionName: "gridColor", name: "Grid Color", optionType: "field", input: "string", initialValue: colors[this.props.palette].axisColor},
+        {optionName: "tickColor", name: "Tick Color", optionType: "field", input: "string", initialValue: colors[this.props.palette].axisColor},
+        {optionName: "axisWidth", name: "Axis Line Width", optionType: "field", input: "number", initialValue: 1.5},
       ],
       lineScale: "log",
     }
   }
 
   render() {
-    let axisColorOptions = [
-      {optionName: "axisColor", name: "Axis Color", optionType: "field", input: "string", initialValue: colors[this.props.palette].axisColor},
-      {optionName: "labelColor", name: "Label Color", optionType: "field", input: "string", initialValue: colors[this.props.palette].axisColor},
-      {optionName: "gridColor", name: "Grid Color", optionType: "field", input: "string", initialValue: colors[this.props.palette].axisColor},
-      {optionName: "lineWidth", name: "Axis Line Width", optionType: "field", input: "number", initialValue: 1.5},
-    ]
-    let legendColorOptions = [
-      {optionName: "fontColor", name: "Legend Color", optionType: "field", input: "string", initialValue: colors[this.props.palette].axisColor},
-      {optionName: "showBorder", name: "Show Legend Border", optionType: "bool", initialValue: false},
-      {optionName: "borderColor", name: "Legend Border Color", optionType: "field", input: "string", initialValue: colors[this.props.palette].axisColor},
-    ]
     let style = {
       title: {
         fontSize: "45px",
@@ -83,9 +80,7 @@ class LineExample extends React.Component {
         <h1 style={style.title}> Line Chart </h1>
         <ComponentContainer optionList={this.state.optionList}
           optionsData={style.optionsData}
-          palette={this.props.palette}
-          axisColorOptions={axisColorOptions}
-          legendColorOptions={legendColorOptions}>
+          palette={this.props.palette}>
           <LineChart data={this.state.optionList[0].initialValue}
             color={colors[this.props.palette].linePalette}/>
         </ComponentContainer>

diff --git a/examples/example.html b/examples/example.html
@@ -8,6 +8,7 @@
       }
       body {
         font-family: "Open Sans", "sans-serif";
+        color: #ffffff;
       }
     </style>
   </head>
-Original file line number
+Diff line change
@@ Expand Up / @@ -8,6 +8,7 @@ @@
           }
           body {
             font-family: "Open Sans", "sans-serif";
+            color: #ffffff;
           }
         </style>
       </head>
@@ Expand Down @@