w-highcharts 1.0.0

package/docs/styles/prettify.css

@@ -0,0 +1,80 @@
+.pln {
+  color: #ddd;
+}
+
+/* string content */
+.str {
+  color: #61ce3c;
+}
+
+/* a keyword */
+.kwd {
+  color: #fbde2d;
+}
+
+/* a comment */
+.com {
+  color: #aeaeae;
+}
+
+/* a type name */
+.typ {
+  color: #8da6ce;
+}
+
+/* a literal value */
+.lit {
+  color: #fbde2d;
+}
+
+/* punctuation */
+.pun {
+  color: #ddd;
+}
+
+/* lisp open bracket */
+.opn {
+  color: #000000;
+}
+
+/* lisp close bracket */
+.clo {
+  color: #000000;
+}
+
+/* a markup tag name */
+.tag {
+  color: #8da6ce;
+}
+
+/* a markup attribute name */
+.atn {
+  color: #fbde2d;
+}
+
+/* a markup attribute value */
+.atv {
+  color: #ddd;
+}
+
+/* a declaration */
+.dec {
+  color: #EF5050;
+}
+
+/* a variable name */
+.var {
+  color: #c82829;
+}
+
+/* a function name */
+.fun {
+  color: #4271ae;
+}
+
+/* Specify class=linenums on a pre to get line numbering */
+ol.linenums {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-bottom: 2px;
+}

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "w-highcharts",
+  "version": "1.0.0",
+  "main": "dist/w-highcharts.umd.js",
+  "dependencies": {
+    "lodash": "^4.17.21",
+    "wsemi": "^1.7.3"
+  },
+  "devDependencies": {
+    "w-package-tools": "^1.0.69"
+  },
+  "scripts": {
+    "test": "mocha --parallel --timeout 60000 --experimental-modules --es-module-specifier-resolution=node",
+    "deploy": "gh-pages -d docs"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/yuda-lyu/w-highcharts.git"
+  },
+  "keywords": [
+    "package",
+    "tool",
+    "highcharts",
+    "nodejs",
+    "browser"
+  ],
+  "author": "yuda-lyu(semisphere)",
+  "license": "MIT"
+}

package/src/WHighcharts.mjs

@@ -0,0 +1,35 @@
+export { default as addCircleByChart } from './addCircleByChart.mjs'
+export { default as addIndicatorTextByChart } from './addIndicatorTextByChart.mjs'
+export { default as addLineByChart } from './addLineByChart.mjs'
+export { default as addPolygonByChart } from './addPolygonByChart.mjs'
+export { default as addPolylineByChart } from './addPolylineByChart.mjs'
+export { default as addRectByChart } from './addRectByChart.mjs'
+export { default as addRectCenterTextByChart } from './addRectCenterTextByChart.mjs'
+export { default as addRectTextByChart } from './addRectTextByChart.mjs'
+export { default as addTextByChart } from './addTextByChart.mjs'
+export { default as findMarker } from './findMarker.mjs'
+export { default as genSerie } from './genSerie.mjs'
+export { default as getAxisLimitByChart } from './getAxisLimitByChart.mjs'
+export { default as getColor } from './getColor.mjs'
+export { default as getConvertLocByChart } from './getConvertLocByChart.mjs'
+export { default as getDefDataGrouping } from './getDefDataGrouping.mjs'
+export { default as getDefDateFmt } from './getDefDateFmt.mjs'
+export { default as getDefgetDefRangeSelector } from './getDefgetDefRangeSelector.mjs'
+export { default as getDefMarker } from './getDefMarker.mjs'
+export { default as getDefOpt } from './getDefOpt.mjs'
+export { default as getDefUnits } from './getDefUnits.mjs'
+export { default as getFontfamily } from './getFontfamily.mjs'
+export { default as getHighchart } from './getHighchart.mjs'
+export { default as getLineSetting } from './getLineSetting.mjs'
+export { default as getLineStyle } from './getLineStyle.mjs'
+export { default as getMarker } from './getMarker.mjs'
+export { default as getMarkers } from './getMarkers.mjs'
+export { default as getPicCenter } from './getPicCenter.mjs'
+export { default as getPointXY } from './getPointXY.mjs'
+export { default as getSeriesLimit } from './getSeriesLimit.mjs'
+export { default as getSizeWH } from './getSizeWH.mjs'
+export { default as getStrokeDasharrayFromLineStyle } from './getStrokeDasharrayFromLineStyle.mjs'
+export { default as getStrokeFromLineStyle } from './getStrokeFromLineStyle.mjs'
+export { default as iniMarkers } from './iniMarkers.mjs'
+export { default as renderNoDataByChart } from './renderNoDataByChart.mjs'
+export { default as setFontfamily } from './setFontfamily.mjs'

package/src/addCircleByChart.mjs

@@ -0,0 +1,57 @@
+import get from 'lodash/get'
+import isNumber from 'lodash/isNumber'
+import isnum from 'wsemi/src/isnum.mjs'
+import isestr from 'wsemi/src/isestr.mjs'
+import cdbl from 'wsemi/src/cdbl.mjs'
+import getPointXY from './getPointXY.mjs'
+
+
+function addCircleByChart(chart, p, size, opt = {}) {
+
+    //edgeWidth
+    let edgeWidth = get(opt, 'edgeWidth')
+    if (!isnum(edgeWidth)) {
+        edgeWidth = 1
+    }
+    edgeWidth = cdbl(edgeWidth)
+    edgeWidth = Math.max(edgeWidth, 0)
+
+    //edgeColor
+    let edgeColor = get(opt, 'edgeColor')
+    if (!isestr(edgeColor)) {
+        edgeColor = '#000'
+    }
+
+    //faceColor
+    let faceColor = get(opt, 'faceColor')
+    if (!isestr(faceColor)) {
+        faceColor = 'transparent'
+    }
+
+    //zIndex
+    let zIndex = get(opt, 'zIndex')
+    if (!isNumber(zIndex)) {
+        zIndex = undefined
+    }
+
+    //x, y
+    let [x, y] = getPointXY(p)
+
+    //renderer
+    let ren = chart.renderer
+
+    //circle
+    ren.circle(x, y, size)
+        .attr({
+            'name': 'hcextra',
+            'fill': faceColor,
+            'stroke-width': edgeWidth,
+            'stroke': edgeColor,
+            zIndex, //attr不能用z-index
+        })
+        .add()
+
+}
+
+
+export default addCircleByChart

package/src/addIndicatorTextByChart.mjs

@@ -0,0 +1,124 @@
+import get from 'lodash/get'
+import size from 'lodash/size'
+import isNumber from 'lodash/isNumber'
+import isnum from 'wsemi/src/isnum.mjs'
+import isestr from 'wsemi/src/isestr.mjs'
+import cdbl from 'wsemi/src/cdbl.mjs'
+import getPointXY from './getPointXY.mjs'
+import getSizeWH from './getSizeWH.mjs'
+import addLineByChart from './addLineByChart.mjs'
+import addCircleByChart from './addCircleByChart.mjs'
+import addTextByChart from './addTextByChart.mjs'
+
+
+function addIndicatorTextByChart(chart, ps, rectShift, rectSize, text, opt = {}) {
+
+    //lineWidth
+    let lineWidth = get(opt, 'lineWidth')
+    if (!isnum(lineWidth)) {
+        lineWidth = 1
+    }
+    lineWidth = cdbl(lineWidth)
+    lineWidth = Math.max(lineWidth, 0)
+
+    //lineColor
+    let lineColor = get(opt, 'lineColor')
+    if (!isestr(lineColor)) {
+        lineColor = '#aaa'
+    }
+
+    //circleColor
+    let circleColor = get(opt, 'circleColor')
+    if (!isestr(circleColor)) {
+        circleColor = '#999'
+    }
+
+    //connAlign
+    let connAlign = get(opt, 'connAlign')
+    if (connAlign !== 'left' && connAlign !== 'right') {
+        connAlign = 'left'
+    }
+
+    //shiftLen
+    let shiftLen = get(opt, 'shiftLen')
+    if (!isnum(shiftLen)) {
+        shiftLen = 20
+    }
+    shiftLen = cdbl(shiftLen)
+    shiftLen = Math.max(shiftLen, 0)
+
+    //circleSize
+    let circleSize = get(opt, 'circleSize')
+    if (!isnum(circleSize)) {
+        circleSize = 4
+    }
+    circleSize = cdbl(circleSize)
+    circleSize = Math.max(circleSize, 0)
+
+    //px,py 指向處
+    let px1 = null
+    let py1 = null
+    let px2 = null
+    let py2 = null
+    if (size(ps) === 1) {
+        let r1 = getPointXY(ps[0])
+        px1 = r1[0]
+        py1 = r1[1]
+    }
+    else if (size(ps) === 2) {
+        let r1 = getPointXY(ps[0])
+        px1 = r1[0]
+        py1 = r1[1]
+        let r2 = getPointXY(ps[1])
+        px2 = r2[0]
+        py2 = r2[1]
+    }
+    else {
+        throw new Error('ps尚不支援3點以上')
+    }
+
+    //sx,sy 平移量
+    let [sx, sy] = getPointXY(rectShift)
+
+    //nx,ny 拉遠處
+    let nx = px1 + sx
+    let ny = py1 + sy
+
+    //ntx,nty 拉遠平移圓點處
+    let ntx = nx + shiftLen
+    if (connAlign === 'right') {
+        ntx = nx - shiftLen
+    }
+    let nty = ny
+
+    //w, h
+    let [w, h] = getSizeWH(rectSize)
+
+    //x, y 矩形左上角座標
+    let x = ntx + circleSize
+    if (connAlign === 'right') {
+        x = ntx - w - circleSize
+    }
+    let y = nty - h / 2
+
+    //addLineByChart 指向線
+    if (isNumber(px1) && isNumber(py1)) {
+        addLineByChart(chart, { x: px1, y: py1 }, { x: nx, y: ny }, { ...opt, lineWidth, lineColor })
+    }
+    if (isNumber(px2) && isNumber(py2)) {
+        addLineByChart(chart, { x: px2, y: py2 }, { x: nx, y: ny }, { ...opt, lineWidth, lineColor })
+    }
+
+    //addLineByChart 拉遠平移線
+    addLineByChart(chart, { x: nx, y: ny }, { x: ntx, y: nty }, { ...opt, lineWidth, lineColor })
+
+    //addCircleByChart 拉遠平移圓點
+    addCircleByChart(chart, { x: ntx, y: nty }, circleSize, { edgeWidth: 0, faceColor: circleColor })
+
+    //addTextByChart 文字
+    addTextByChart(chart, { x: x + w / 2, y: y + h / 2 }, text, opt)
+
+}
+
+
+export default addIndicatorTextByChart

package/src/addLineByChart.mjs

@@ -0,0 +1,62 @@
+import get from 'lodash/get'
+import isNumber from 'lodash/isNumber'
+import isnum from 'wsemi/src/isnum.mjs'
+import isestr from 'wsemi/src/isestr.mjs'
+import cdbl from 'wsemi/src/cdbl.mjs'
+import getPointXY from './getPointXY.mjs'
+import getStrokeFromLineStyle from './getStrokeFromLineStyle.mjs'
+
+
+function addLineByChart(chart, p1, p2, opt = {}) {
+
+    //lineWidth
+    let lineWidth = get(opt, 'lineWidth')
+    if (!isnum(lineWidth)) {
+        lineWidth = 2
+    }
+    lineWidth = cdbl(lineWidth)
+    lineWidth = Math.max(lineWidth, 0)
+
+    //lineColor
+    let lineColor = get(opt, 'lineColor')
+    if (!isestr(lineColor)) {
+        lineColor = '#000'
+    }
+
+    //lineStyle
+    let lineStyle = get(opt, 'lineStyle')
+    if (!isestr(lineStyle)) {
+        lineStyle = 'Solid'
+    }
+
+    //zIndex
+    let zIndex = get(opt, 'zIndex')
+    if (!isNumber(zIndex)) {
+        zIndex = undefined
+    }
+
+    //cx1,cy1,cx2,cy2
+    let [cx1, cy1] = getPointXY(p1)
+    let [cx2, cy2] = getPointXY(p2)
+
+    //renderer
+    let ren = chart.renderer
+
+    //attr
+    let attr = {
+        'name': 'hcextra',
+        'stroke-width': lineWidth,
+        'stroke': lineColor,
+        ...getStrokeFromLineStyle(lineStyle),
+        zIndex, //attr不能用z-index
+    }
+
+    //line
+    ren.path(['M', cx1, cy1, 'L', cx2, cy2])
+        .attr(attr)
+        .add()
+
+}
+
+
+export default addLineByChart

package/src/addPolygonByChart.mjs

@@ -0,0 +1,67 @@
+import each from 'lodash/each'
+import get from 'lodash/get'
+import isNumber from 'lodash/isNumber'
+import isnum from 'wsemi/src/isnum.mjs'
+import isestr from 'wsemi/src/isestr.mjs'
+import cdbl from 'wsemi/src/cdbl.mjs'
+
+
+function addPolygonByChart(chart, ps, opt = {}) {
+
+    //edgeWidth
+    let edgeWidth = get(opt, 'edgeWidth')
+    if (!isnum(edgeWidth)) {
+        edgeWidth = 2
+    }
+    edgeWidth = cdbl(edgeWidth)
+    edgeWidth = Math.max(edgeWidth, 0)
+
+    //edgeColor
+    let edgeColor = get(opt, 'edgeColor')
+    if (!isestr(edgeColor)) {
+        edgeColor = '#000'
+    }
+
+    //faceColor
+    let faceColor = get(opt, 'faceColor')
+    if (!isestr(faceColor)) {
+        faceColor = 'transparent'
+    }
+
+    //zIndex
+    let zIndex = get(opt, 'zIndex')
+    if (!isNumber(zIndex)) {
+        zIndex = undefined
+    }
+
+    //renderer
+    let ren = chart.renderer
+
+    //p
+    let p = []
+    each(ps, (v, k) => {
+        if (k === 0) {
+            p.push('M')
+        }
+        else {
+            p.push('L')
+        }
+        p.push(v[0])
+        p.push(v[1])
+    })
+
+    //line
+    ren.path(p)
+        .attr({
+            'name': 'hcextra',
+            'stroke-width': edgeWidth,
+            'stroke': edgeColor,
+            'fill': faceColor,
+            zIndex, //attr不能用z-index
+        })
+        .add()
+
+}
+
+
+export default addPolygonByChart

package/src/addPolylineByChart.mjs

@@ -0,0 +1,17 @@
+import each from 'lodash/each'
+import addLineByChart from './addLineByChart.mjs'
+
+
+function addPolylineByChart(chart, ps, opt = {}) {
+    each(ps, (p, k) => {
+        if (k === 0) {
+            return true
+        }
+        let p1 = ps[k - 1]
+        let p2 = p
+        addLineByChart(chart, p1, p2, opt)
+    })
+}
+
+
+export default addPolylineByChart

package/src/addRectByChart.mjs

@@ -0,0 +1,70 @@
+import get from 'lodash/get'
+import isNumber from 'lodash/isNumber'
+import isnum from 'wsemi/src/isnum.mjs'
+import isestr from 'wsemi/src/isestr.mjs'
+import cdbl from 'wsemi/src/cdbl.mjs'
+import getPointXY from './getPointXY.mjs'
+import getSizeWH from './getSizeWH.mjs'
+
+
+function addRectByChart(chart, rectLeftTop, rectSize, opt = {}) {
+
+    //edgeWidth
+    let edgeWidth = get(opt, 'edgeWidth')
+    if (!isnum(edgeWidth)) {
+        edgeWidth = 1
+    }
+    edgeWidth = cdbl(edgeWidth)
+    edgeWidth = Math.max(edgeWidth, 0)
+
+    //edgeColor
+    let edgeColor = get(opt, 'edgeColor')
+    if (!isestr(edgeColor)) {
+        edgeColor = '#000'
+    }
+
+    //faceColor
+    let faceColor = get(opt, 'faceColor')
+    if (!isestr(faceColor)) {
+        faceColor = 'transparent'
+    }
+
+    //radius
+    let radius = get(opt, 'radius')
+    if (!isnum(radius)) {
+        radius = 0
+    }
+    radius = cdbl(radius)
+    radius = Math.max(radius, 0)
+
+    //zIndex
+    let zIndex = get(opt, 'zIndex')
+    if (!isNumber(zIndex)) {
+        zIndex = undefined
+    }
+
+    //x, y
+    let [x, y] = getPointXY(rectLeftTop)
+
+    //w, h
+    let [w, h] = getSizeWH(rectSize)
+
+    //renderer
+    let ren = chart.renderer
+
+    //rect
+    ren.rect(x, y, w, h)
+        .attr({
+            'name': 'hcextra',
+            'fill': faceColor,
+            'stroke-width': edgeWidth,
+            'stroke': edgeColor,
+            'r': radius,
+            zIndex, //attr不能用z-index
+        })
+        .add()
+
+}
+
+
+export default addRectByChart

package/src/addRectCenterTextByChart.mjs

@@ -0,0 +1,30 @@
+import getPointXY from './getPointXY.mjs'
+import getSizeWH from './getSizeWH.mjs'
+import addRectByChart from './addRectByChart.mjs'
+import addTextByChart from './addTextByChart.mjs'
+
+
+function addRectCenterTextByChart(chart, p, rectSize, text, opt = {}) {
+
+    //x, y
+    let [x, y] = getPointXY(p)
+
+    //w, h
+    let [w, h] = getSizeWH(rectSize)
+
+    //_lt
+    let _lt = { x: x - w / 2, y: y - h / 2 }
+
+    //p
+    let _p = p
+
+    //addRectByChart
+    addRectByChart(chart, _lt, rectSize, opt)
+
+    //addTextByChart
+    addTextByChart(chart, _p, text, opt)
+
+}
+
+
+export default addRectCenterTextByChart

package/src/addRectTextByChart.mjs

@@ -0,0 +1,29 @@
+import getPointXY from './getPointXY.mjs'
+import getSizeWH from './getSizeWH.mjs'
+import addRectByChart from './addRectByChart.mjs'
+import addTextByChart from './addTextByChart.mjs'
+
+
+function addRectTextByChart(chart, rectLeftTop, rectSize, text, opt = {}) {
+
+    //x, y
+    let [x, y] = getPointXY(rectLeftTop)
+
+    //w, h
+    let [w, h] = getSizeWH(rectSize)
+
+    //_lt
+    let _lt = rectLeftTop
+
+    //_p
+    let _p = { x: x + w / 2, y: y + h / 2 }
+
+    //addRectByChart
+    addRectByChart(chart, _lt, rectSize, opt)
+
+    //addTextByChart
+    addTextByChart(chart, _p, text, opt)
+
+}
+
+export default addRectTextByChart

package/src/addTextByChart.mjs

@@ -0,0 +1,83 @@
+import get from 'lodash/get'
+import isNumber from 'lodash/isNumber'
+import isnum from 'wsemi/src/isnum.mjs'
+import iseobj from 'wsemi/src/iseobj.mjs'
+import cdbl from 'wsemi/src/cdbl.mjs'
+import getPointXY from './getPointXY.mjs'
+import getFontfamily from './getFontfamily.mjs'
+
+
+function addTextByChart(chart, p, text, opt = {}) {
+
+    //fontSize
+    let fontSize = get(opt, 'fontSize')
+    if (!isnum(fontSize)) {
+        fontSize = 11
+    }
+    fontSize = cdbl(fontSize)
+    fontSize = Math.max(fontSize, 6) //最小6pt
+
+    //textAlign
+    let textAlign = get(opt, 'textAlign')
+    if (textAlign !== 'left' && textAlign !== 'center' && textAlign !== 'rigth') {
+        textAlign = 'center' //預設center, 文字中點在點p上
+    }
+    let kpTextAligh = {
+        'left': 'start',
+        'center': 'middle',
+        'rigth': 'end',
+    }
+    textAlign = kpTextAligh[textAlign]
+
+    //zIndex
+    let zIndex = get(opt, 'zIndex')
+    if (!isNumber(zIndex)) {
+        zIndex = undefined
+    }
+
+    //style
+    let style = get(opt, 'style')
+    if (!iseobj(style)) {
+        style = {}
+    }
+
+    //attr
+    let attr = get(opt, 'attr')
+    if (!iseobj(attr)) {
+        attr = {}
+    }
+
+    //x, y
+    let [x, y] = getPointXY(p)
+
+    //renderer
+    let ren = chart.renderer
+
+    //g
+    let g = chart.renderer.g().add()
+    g.attr({
+        'transform': `translate(${x},${y})`,
+        zIndex, //attr不能用z-index
+    })
+
+    //text
+    ren.text(text, 0, 0)
+        .css({
+            color: '#000',
+            fontFamily: getFontfamily(),
+            fontSize: `${fontSize}pt`,
+            ...style,
+        })
+        .attr({ //attr不能用kebab-case會無法識別
+            'name': 'hcextra',
+            'text-anchor': textAlign,
+            'alignment-baseline': 'central', //http://bl.ocks.org/eweitnauer/7325338
+            zIndex, //attr不能用z-index
+            ...attr,
+        })
+        .add(g)
+
+}
+
+
+export default addTextByChart