npm - @oanda/labs-order-book-widget - Versions diffs - 1.0.62 → 1.0.64 - Mend

@oanda/labs-order-book-widget 1.0.62 → 1.0.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (65) hide show

package/dist/main/OrderBookWidget/components/Chart/getOptions.js DELETED Viewed

@@ -1,322 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getOptions = void 0;
-var _labsWidgetCommon = require("@oanda/labs-widget-common");
-var _constants = require("./constants");
-const getOptions = _ref => {
-  let {
-    data,
-    price,
-    bucketWidth
-  } = _ref;
-  return {
-    toolbox: {
-      itemSize: 18,
-      itemGap: 14,
-      bottom: 6,
-      right: 6,
-      showTitle: false,
-      iconStyle: {
-        borderColor: '#00214A'
-      },
-      emphasis: {
-        iconStyle: {
-          borderColor: '#008573'
-        }
-      },
-      tooltip: {
-        show: true,
-        backgroundColor: '#00214A',
-        formatter: val => val.title,
-        position: 'top',
-        confine: true,
-        textStyle: {
-          color: '#fff'
-        }
-      },
-      feature: {
-        myZoomIn: {
-          show: true,
-          title: 'Zoom in',
-          icon: _labsWidgetCommon.chartSharedOptions.icons.zoomInIcon,
-          onclick: (model, instance) => {
-            const {
-              startValue,
-              endValue
-            } = model.option.dataZoom[0];
-            const halfZoomValue = 0.5 * _constants.ZOOM_BARS * bucketWidth;
-            instance.dispatchAction({
-              type: 'dataZoom',
-              startValue: startValue + halfZoomValue,
-              endValue: endValue - halfZoomValue
-            });
-          }
-        },
-        myZoomOut: {
-          show: true,
-          title: 'Zoom out',
-          icon: _labsWidgetCommon.chartSharedOptions.icons.zoomOutIcon,
-          onclick: (model, instance) => {
-            const {
-              startValue,
-              endValue
-            } = model.option.dataZoom[0];
-            const halfZoomValue = 0.5 * _constants.ZOOM_BARS * bucketWidth;
-            instance.dispatchAction({
-              type: 'dataZoom',
-              startValue: startValue - halfZoomValue,
-              endValue: endValue + halfZoomValue
-            });
-          }
-        },
-        myResetZoom: {
-          show: true,
-          title: 'ResetZoom',
-          icon: _labsWidgetCommon.chartSharedOptions.icons.resetZoomIcon,
-          onclick: (model, instance) => {
-            instance.dispatchAction({
-              type: 'dataZoom',
-              startValue: price - bucketWidth * _constants.INITIAL_BARS * 0.5,
-              endValue: price + bucketWidth * _constants.INITIAL_BARS * 0.5
-            });
-          }
-        }
-      }
-    },
-    dataZoom: [{
-      type: 'inside',
-      realtime: true,
-      startValue: price - bucketWidth * _constants.INITIAL_BARS * 0.5,
-      endValue: price + bucketWidth * _constants.INITIAL_BARS * 0.5,
-      yAxisIndex: 0
-    }],
-    dataset: {
-      source: data
-    },
-    textStyle: {},
-    tooltip: {
-      trigger: 'axis',
-      borderRadius: 0,
-      shadowBlur: 24,
-      shadowOffsetX: 0,
-      shadowOffsetY: 6,
-      shadowColor: 'rgba(0,0,0,0.1)',
-      textStyle: {},
-      formatter: params => {
-        const values = params[0].data;
-        return "Price: ".concat(values[0], "<br />Buy: ").concat(values[1], "%<br/>Sell: ").concat(Math.abs(values[2]), "%");
-      },
-      axisPointer: {
-        axis: 'y'
-      }
-    },
-    grid: [{
-      top: '1px',
-      left: '1px',
-      right: '121px',
-      bottom: '41px',
-      show: true
-    }, {
-      bottom: '1px',
-      right: '1px',
-      width: '120px',
-      height: '40px',
-      show: true
-    }, {
-      top: '1px',
-      left: '1px',
-      right: '1px',
-      bottom: '1px',
-      show: true
-    }],
-    graphic: [{
-      type: 'group',
-      left: '8px',
-      top: '8px',
-      silent: true,
-      children: [{
-        type: 'rect',
-        z: 100,
-        left: 'center',
-        top: 'middle',
-        shape: {
-          width: 60,
-          height: 30
-        },
-        style: {
-          fill: '#fff',
-          shadowBlur: 8,
-          shadowOffsetX: 0,
-          shadowOffsetY: 1,
-          shadowColor: 'rgba(0,0,0,0.1)'
-        }
-      }, {
-        type: 'text',
-        z: 100,
-        left: 'center',
-        top: 'middle',
-        style: {
-          width: 60,
-          height: 30,
-          text: 'Sell'
-        }
-      }]
-    }, {
-      type: 'group',
-      right: '128px',
-      top: '8px',
-      silent: true,
-      children: [{
-        type: 'rect',
-        z: 100,
-        right: 'center',
-        top: 'middle',
-        shape: {
-          width: 60,
-          height: 30
-        },
-        style: {
-          fill: '#fff',
-          shadowBlur: 8,
-          shadowOffsetX: 0,
-          shadowOffsetY: 1,
-          shadowColor: 'rgba(0,0,0,0.1)'
-        }
-      }, {
-        type: 'text',
-        z: 100,
-        right: 'center',
-        top: 'middle',
-        style: {
-          width: 60,
-          height: 30,
-          text: 'Buy'
-        }
-      }]
-    }],
-    yAxis: {
-      type: 'value',
-      position: 'right',
-      axisLine: {
-        show: false
-      },
-      axisTick: {
-        show: false
-      },
-      splitLine: {
-        lineStyle: {}
-      },
-      axisLabel: {
-        padding: [0, 0, 0, 10],
-        rich: {
-          a: {
-            padding: [0, 0, 16, 0]
-          }
-        },
-        formatter: (value, index) => index ? "".concat(value) : "{a|".concat(value, "}")
-      }
-    },
-    xAxis: {
-      type: 'value',
-      min: -1.1,
-      max: 1.1,
-      axisLine: {
-        show: false
-      },
-      axisTick: {
-        show: false
-      },
-      splitLine: {
-        lineStyle: {}
-      },
-      axisLabel: {
-        padding: [7, 0, 0, 0],
-        showMinLabel: false,
-        showMaxLabel: false,
-        formatter: value => value === 0 ? '%' : "".concat(Math.abs(value), "%")
-      }
-    },
-    series: [{
-      type: 'custom',
-      encode: {
-        x: 1,
-        y: 0,
-        tooltip: 1
-      },
-      itemStyle: {
-        color: '#00B89E'
-      },
-      renderItem: (params, api) => {
-        const yValue = api.value(0);
-        const xStart = api.coord([api.value(1), yValue]);
-        const xEnd = api.coord([0, yValue]);
-        const bucketWidthHeight = api.size ? api.size([0, bucketWidth])[1] : 0;
-        const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;
-        const rectShape = {
-          x: xStart[0] + 0.5,
-          y: xStart[1] - height / 2,
-          width: xEnd[0] - xStart[0],
-          height
-        };
-        return {
-          type: 'rect',
-          shape: rectShape,
-          style: api.style()
-        };
-      }
-    }, {
-      type: 'custom',
-      encode: {
-        x: 1,
-        y: 0,
-        tooltip: 2
-      },
-      markLine: {
-        animation: false,
-        silent: true,
-        precision: 4,
-        symbol: ['none', 'triangle'],
-        symbolRotate: 90,
-        symbolSize: [20, 10],
-        lineStyle: {
-          color: '#008573',
-          width: 1
-        },
-        label: {
-          padding: [5, 15, 5, 15],
-          color: '#fff',
-          backgroundColor: '#008573'
-        },
-        data: [{
-          yAxis: price
-        }]
-      },
-      itemStyle: {
-        color: '#E5226E'
-      },
-      renderItem: (params, api) => {
-        const yValue = api.value(0);
-        const xStart = api.coord([api.value(2), yValue]);
-        const xEnd = api.coord([0, yValue]);
-        const bucketWidthHeight = api.size ? api.size([0, bucketWidth])[1] : 0;
-        const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;
-        const rectShape = {
-          x: xStart[0] - 0.5,
-          y: xStart[1] - height / 2,
-          width: xEnd[0] - xStart[0],
-          height
-        };
-        return {
-          type: 'rect',
-          shape: rectShape,
-          style: api.style()
-        };
-      }
-    }]
-  };
-};
-exports.getOptions = getOptions;
-//# sourceMappingURL=getOptions.js.map

package/dist/main/OrderBookWidget/components/Chart/getOptions.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"getOptions.js","names":["_labsWidgetCommon","require","_constants","getOptions","_ref","data","price","bucketWidth","toolbox","itemSize","itemGap","bottom","right","showTitle","iconStyle","borderColor","emphasis","tooltip","show","backgroundColor","formatter","val","title","position","confine","textStyle","color","feature","myZoomIn","icon","chartSharedOptions","icons","zoomInIcon","onclick","model","instance","startValue","endValue","option","dataZoom","halfZoomValue","ZOOM_BARS","dispatchAction","type","myZoomOut","zoomOutIcon","myResetZoom","resetZoomIcon","INITIAL_BARS","realtime","yAxisIndex","dataset","source","trigger","borderRadius","shadowBlur","shadowOffsetX","shadowOffsetY","shadowColor","params","values","concat","Math","abs","axisPointer","axis","grid","top","left","width","height","graphic","silent","children","z","shape","style","fill","text","yAxis","axisLine","axisTick","splitLine","lineStyle","axisLabel","padding","rich","a","value","index","xAxis","min","max","showMinLabel","showMaxLabel","series","encode","x","y","itemStyle","renderItem","api","yValue","xStart","coord","xEnd","bucketWidthHeight","size","rectShape","markLine","animation","precision","symbol","symbolRotate","symbolSize","label","exports"],"sources":["../../../../../src/OrderBookWidget/components/Chart/getOptions.ts"],"sourcesContent":["import { EChartsOption, Model, EChartsType } from 'echarts';\nimport { chartSharedOptions } from '@oanda/labs-widget-common';\nimport { ZOOM_BARS, INITIAL_BARS } from './constants';\n\nexport const getOptions = (\n {\n data,\n price,\n bucketWidth,\n } :\n {\n data: number[][],\n price: number,\n bucketWidth: number\n },\n): EChartsOption => (\n {\n toolbox: {\n itemSize: 18,\n itemGap: 14,\n bottom: 6,\n right: 6,\n showTitle: false,\n iconStyle: {\n borderColor: '#00214A',\n },\n emphasis: {\n iconStyle: {\n borderColor: '#008573',\n },\n },\n tooltip: {\n show: true,\n backgroundColor: '#00214A',\n formatter: (val) => val.title,\n position: 'top',\n confine: true,\n textStyle: {\n color: '#fff',\n },\n },\n feature: {\n myZoomIn: {\n show: true,\n title: 'Zoom in',\n icon: chartSharedOptions.icons.zoomInIcon,\n onclick: (model: Model, instance: EChartsType) => {\n const { startValue, endValue } = model.option.dataZoom[0];\n // @todo handle zoom with minimal step\n const halfZoomValue = 0.5 * ZOOM_BARS * bucketWidth;\n\n instance.dispatchAction({\n type: 'dataZoom',\n startValue: startValue + halfZoomValue,\n endValue: endValue - halfZoomValue,\n });\n },\n },\n myZoomOut: {\n show: true,\n title: 'Zoom out',\n icon: chartSharedOptions.icons.zoomOutIcon,\n onclick: (model: Model, instance: EChartsType) => {\n const { startValue, endValue } = model.option.dataZoom[0];\n // @todo handle zoom with full chart range\n const halfZoomValue = 0.5 * ZOOM_BARS * bucketWidth;\n\n instance.dispatchAction({\n type: 'dataZoom',\n startValue: startValue - halfZoomValue,\n endValue: endValue + halfZoomValue,\n });\n },\n },\n myResetZoom: {\n show: true,\n title: 'ResetZoom',\n icon: chartSharedOptions.icons.resetZoomIcon,\n onclick: (model: Model, instance: EChartsType) => {\n instance.dispatchAction({\n type: 'dataZoom',\n startValue: price - (bucketWidth * INITIAL_BARS * 0.5),\n endValue: price + (bucketWidth * INITIAL_BARS * 0.5),\n });\n },\n },\n },\n },\n dataZoom: [\n {\n type: 'inside',\n realtime: true,\n startValue: price - (bucketWidth * INITIAL_BARS * 0.5),\n endValue: price + (bucketWidth * INITIAL_BARS * 0.5),\n yAxisIndex: 0,\n // @todo\n // minSpan: 2,\n },\n ],\n dataset: {\n source: data,\n },\n textStyle: {\n // @todo, broken due dark mode\n // ...chartSharedOptions.textStyle,\n },\n tooltip: {\n trigger: 'axis',\n borderRadius: 0,\n shadowBlur: 24,\n shadowOffsetX: 0,\n shadowOffsetY: 6,\n shadowColor: 'rgba(0,0,0,0.1)',\n textStyle: {\n // @todo, broken due dark mode\n // ...chartSharedOptions.textStyle,\n },\n formatter: (params) => {\n const values = (params as { data: number[] }[])[0].data;\n return `Price: ${values[0]}<br />Buy: ${values[1]}%<br/>Sell: ${Math.abs(values[2])}%`;\n },\n axisPointer: {\n axis: 'y',\n },\n },\n grid: [\n {\n top: '1px',\n left: '1px',\n right: '121px',\n bottom: '41px',\n // @todo, broken due dark mode\n // borderColor: chartSharedOptions.colors.axis,\n show: true,\n },\n {\n bottom: '1px',\n right: '1px',\n width: '120px',\n height: '40px',\n // @todo, broken due dark mode\n // borderColor: chartSharedOptions.colors.axis,\n show: true,\n },\n {\n top: '1px',\n left: '1px',\n right: '1px',\n bottom: '1px',\n // @todo, broken due dark mode\n // borderColor: chartSharedOptions.colors.axis,\n show: true,\n },\n ],\n graphic: [\n {\n type: 'group',\n left: '8px',\n top: '8px',\n silent: true,\n children: [\n {\n type: 'rect',\n z: 100,\n left: 'center',\n top: 'middle',\n shape: {\n width: 60,\n height: 30,\n },\n style: {\n fill: '#fff',\n shadowBlur: 8,\n shadowOffsetX: 0,\n shadowOffsetY: 1,\n shadowColor: 'rgba(0,0,0,0.1)',\n },\n },\n {\n type: 'text',\n z: 100,\n left: 'center',\n top: 'middle',\n style: {\n width: 60,\n height: 30,\n // @todo\n text: 'Sell',\n },\n },\n ],\n },\n {\n type: 'group',\n right: '128px',\n top: '8px',\n silent: true,\n children: [\n {\n type: 'rect',\n z: 100,\n right: 'center',\n top: 'middle',\n shape: {\n width: 60,\n height: 30,\n },\n style: {\n fill: '#fff',\n shadowBlur: 8,\n shadowOffsetX: 0,\n shadowOffsetY: 1,\n shadowColor: 'rgba(0,0,0,0.1)',\n },\n },\n {\n type: 'text',\n z: 100,\n right: 'center',\n top: 'middle',\n style: {\n width: 60,\n height: 30,\n // @todo\n text: 'Buy',\n },\n },\n ],\n },\n ],\n yAxis: {\n type: 'value',\n position: 'right',\n axisLine: { show: false },\n axisTick: { show: false },\n splitLine: {\n lineStyle: {\n // @todo, broken due dark mode\n // color: chartSharedOptions.colors.axis,\n },\n },\n axisLabel: {\n padding: [0, 0, 0, 10],\n rich: {\n a: {\n padding: [0, 0, 16, 0],\n },\n },\n // @todo add decimal places\n formatter: (value, index) => (index ? `${value}` : `{a|${value}}`),\n },\n },\n xAxis: {\n type: 'value',\n // @todo\n min: -1.1,\n max: 1.1,\n axisLine: { show: false },\n axisTick: { show: false },\n splitLine: {\n lineStyle: {\n // @todo, broken due dark mode\n // color: chartSharedOptions.colors.axis,\n },\n },\n axisLabel: {\n padding: [7, 0, 0, 0],\n showMinLabel: false,\n showMaxLabel: false,\n formatter: (value) => (value === 0 ? '%' : `${Math.abs(value)}%`),\n },\n },\n series: [\n {\n type: 'custom',\n encode: {\n x: 1,\n y: 0,\n tooltip: 1,\n },\n itemStyle: {\n color: '#00B89E',\n },\n renderItem: (params, api) => {\n const yValue = api.value(0);\n const xStart = api.coord([api.value(1), yValue]);\n const xEnd = api.coord([0, yValue]);\n const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n const rectShape = {\n x: xStart[0] + 0.5,\n y: xStart[1] - height / 2,\n width: xEnd[0] - xStart[0],\n height,\n };\n\n return {\n type: 'rect',\n shape: rectShape,\n style: api.style(),\n };\n },\n },\n {\n type: 'custom',\n encode: {\n x: 1,\n y: 0,\n tooltip: 2,\n },\n markLine: {\n animation: false,\n silent: true,\n // @todo confirm precision\n precision: 4,\n symbol: ['none', 'triangle'],\n symbolRotate: 90,\n symbolSize: [20, 10],\n lineStyle: {\n color: '#008573',\n width: 1,\n },\n label: {\n padding: [5, 15, 5, 15],\n color: '#fff',\n backgroundColor: '#008573',\n },\n data: [\n {\n yAxis: price,\n },\n ],\n },\n itemStyle: {\n color: '#E5226E',\n },\n renderItem: (params, api) => {\n const yValue = api.value(0);\n const xStart = api.coord([api.value(2), yValue]);\n const xEnd = api.coord([0, yValue]);\n const bucketWidthHeight = api.size ? (api.size([0, bucketWidth]) as number[])[1] : 0;\n const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;\n\n const rectShape = {\n x: xStart[0] - 0.5,\n y: xStart[1] - height / 2,\n width: xEnd[0] - xStart[0],\n height,\n };\n\n return {\n type: 'rect',\n shape: rectShape,\n style: api.style(),\n };\n },\n },\n ],\n }\n);\n"],"mappings":"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"}

package/dist/module/OrderBookWidget/components/Chart/getOptions.js DELETED Viewed

@@ -1,315 +0,0 @@
-import { chartSharedOptions } from '@oanda/labs-widget-common';
-import { ZOOM_BARS, INITIAL_BARS } from './constants';
-export const getOptions = _ref => {
-  let {
-    data,
-    price,
-    bucketWidth
-  } = _ref;
-  return {
-    toolbox: {
-      itemSize: 18,
-      itemGap: 14,
-      bottom: 6,
-      right: 6,
-      showTitle: false,
-      iconStyle: {
-        borderColor: '#00214A'
-      },
-      emphasis: {
-        iconStyle: {
-          borderColor: '#008573'
-        }
-      },
-      tooltip: {
-        show: true,
-        backgroundColor: '#00214A',
-        formatter: val => val.title,
-        position: 'top',
-        confine: true,
-        textStyle: {
-          color: '#fff'
-        }
-      },
-      feature: {
-        myZoomIn: {
-          show: true,
-          title: 'Zoom in',
-          icon: chartSharedOptions.icons.zoomInIcon,
-          onclick: (model, instance) => {
-            const {
-              startValue,
-              endValue
-            } = model.option.dataZoom[0];
-            const halfZoomValue = 0.5 * ZOOM_BARS * bucketWidth;
-            instance.dispatchAction({
-              type: 'dataZoom',
-              startValue: startValue + halfZoomValue,
-              endValue: endValue - halfZoomValue
-            });
-          }
-        },
-        myZoomOut: {
-          show: true,
-          title: 'Zoom out',
-          icon: chartSharedOptions.icons.zoomOutIcon,
-          onclick: (model, instance) => {
-            const {
-              startValue,
-              endValue
-            } = model.option.dataZoom[0];
-            const halfZoomValue = 0.5 * ZOOM_BARS * bucketWidth;
-            instance.dispatchAction({
-              type: 'dataZoom',
-              startValue: startValue - halfZoomValue,
-              endValue: endValue + halfZoomValue
-            });
-          }
-        },
-        myResetZoom: {
-          show: true,
-          title: 'ResetZoom',
-          icon: chartSharedOptions.icons.resetZoomIcon,
-          onclick: (model, instance) => {
-            instance.dispatchAction({
-              type: 'dataZoom',
-              startValue: price - bucketWidth * INITIAL_BARS * 0.5,
-              endValue: price + bucketWidth * INITIAL_BARS * 0.5
-            });
-          }
-        }
-      }
-    },
-    dataZoom: [{
-      type: 'inside',
-      realtime: true,
-      startValue: price - bucketWidth * INITIAL_BARS * 0.5,
-      endValue: price + bucketWidth * INITIAL_BARS * 0.5,
-      yAxisIndex: 0
-    }],
-    dataset: {
-      source: data
-    },
-    textStyle: {},
-    tooltip: {
-      trigger: 'axis',
-      borderRadius: 0,
-      shadowBlur: 24,
-      shadowOffsetX: 0,
-      shadowOffsetY: 6,
-      shadowColor: 'rgba(0,0,0,0.1)',
-      textStyle: {},
-      formatter: params => {
-        const values = params[0].data;
-        return "Price: ".concat(values[0], "<br />Buy: ").concat(values[1], "%<br/>Sell: ").concat(Math.abs(values[2]), "%");
-      },
-      axisPointer: {
-        axis: 'y'
-      }
-    },
-    grid: [{
-      top: '1px',
-      left: '1px',
-      right: '121px',
-      bottom: '41px',
-      show: true
-    }, {
-      bottom: '1px',
-      right: '1px',
-      width: '120px',
-      height: '40px',
-      show: true
-    }, {
-      top: '1px',
-      left: '1px',
-      right: '1px',
-      bottom: '1px',
-      show: true
-    }],
-    graphic: [{
-      type: 'group',
-      left: '8px',
-      top: '8px',
-      silent: true,
-      children: [{
-        type: 'rect',
-        z: 100,
-        left: 'center',
-        top: 'middle',
-        shape: {
-          width: 60,
-          height: 30
-        },
-        style: {
-          fill: '#fff',
-          shadowBlur: 8,
-          shadowOffsetX: 0,
-          shadowOffsetY: 1,
-          shadowColor: 'rgba(0,0,0,0.1)'
-        }
-      }, {
-        type: 'text',
-        z: 100,
-        left: 'center',
-        top: 'middle',
-        style: {
-          width: 60,
-          height: 30,
-          text: 'Sell'
-        }
-      }]
-    }, {
-      type: 'group',
-      right: '128px',
-      top: '8px',
-      silent: true,
-      children: [{
-        type: 'rect',
-        z: 100,
-        right: 'center',
-        top: 'middle',
-        shape: {
-          width: 60,
-          height: 30
-        },
-        style: {
-          fill: '#fff',
-          shadowBlur: 8,
-          shadowOffsetX: 0,
-          shadowOffsetY: 1,
-          shadowColor: 'rgba(0,0,0,0.1)'
-        }
-      }, {
-        type: 'text',
-        z: 100,
-        right: 'center',
-        top: 'middle',
-        style: {
-          width: 60,
-          height: 30,
-          text: 'Buy'
-        }
-      }]
-    }],
-    yAxis: {
-      type: 'value',
-      position: 'right',
-      axisLine: {
-        show: false
-      },
-      axisTick: {
-        show: false
-      },
-      splitLine: {
-        lineStyle: {}
-      },
-      axisLabel: {
-        padding: [0, 0, 0, 10],
-        rich: {
-          a: {
-            padding: [0, 0, 16, 0]
-          }
-        },
-        formatter: (value, index) => index ? "".concat(value) : "{a|".concat(value, "}")
-      }
-    },
-    xAxis: {
-      type: 'value',
-      min: -1.1,
-      max: 1.1,
-      axisLine: {
-        show: false
-      },
-      axisTick: {
-        show: false
-      },
-      splitLine: {
-        lineStyle: {}
-      },
-      axisLabel: {
-        padding: [7, 0, 0, 0],
-        showMinLabel: false,
-        showMaxLabel: false,
-        formatter: value => value === 0 ? '%' : "".concat(Math.abs(value), "%")
-      }
-    },
-    series: [{
-      type: 'custom',
-      encode: {
-        x: 1,
-        y: 0,
-        tooltip: 1
-      },
-      itemStyle: {
-        color: '#00B89E'
-      },
-      renderItem: (params, api) => {
-        const yValue = api.value(0);
-        const xStart = api.coord([api.value(1), yValue]);
-        const xEnd = api.coord([0, yValue]);
-        const bucketWidthHeight = api.size ? api.size([0, bucketWidth])[1] : 0;
-        const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;
-        const rectShape = {
-          x: xStart[0] + 0.5,
-          y: xStart[1] - height / 2,
-          width: xEnd[0] - xStart[0],
-          height
-        };
-        return {
-          type: 'rect',
-          shape: rectShape,
-          style: api.style()
-        };
-      }
-    }, {
-      type: 'custom',
-      encode: {
-        x: 1,
-        y: 0,
-        tooltip: 2
-      },
-      markLine: {
-        animation: false,
-        silent: true,
-        precision: 4,
-        symbol: ['none', 'triangle'],
-        symbolRotate: 90,
-        symbolSize: [20, 10],
-        lineStyle: {
-          color: '#008573',
-          width: 1
-        },
-        label: {
-          padding: [5, 15, 5, 15],
-          color: '#fff',
-          backgroundColor: '#008573'
-        },
-        data: [{
-          yAxis: price
-        }]
-      },
-      itemStyle: {
-        color: '#E5226E'
-      },
-      renderItem: (params, api) => {
-        const yValue = api.value(0);
-        const xStart = api.coord([api.value(2), yValue]);
-        const xEnd = api.coord([0, yValue]);
-        const bucketWidthHeight = api.size ? api.size([0, bucketWidth])[1] : 0;
-        const height = bucketWidthHeight > 4 ? bucketWidthHeight * 0.8 : bucketWidthHeight;
-        const rectShape = {
-          x: xStart[0] - 0.5,
-          y: xStart[1] - height / 2,
-          width: xEnd[0] - xStart[0],
-          height
-        };
-        return {
-          type: 'rect',
-          shape: rectShape,
-          style: api.style()
-        };
-      }
-    }]
-  };
-};
-//# sourceMappingURL=getOptions.js.map