viserjs / viser Goto Github PK

          <v-chart #chart [forceFit]="forceFit" [height]="height" [data]="data" [dataPre]="dataPre" [scale]="scale">
            <v-tooltip></v-tooltip>
            <v-axis dataKey="item" line="null" tickLine="null" [grid]="axis1GridOpts"></v-axis>
            <v-axis dataKey="score" line="null" tickLine="null" [grid]="axis2GridOpts"></v-axis>
            <v-legend></v-legend>
            <v-coord type="polar" radius="0.8"></v-coord>
            <v-line position="item*score" color="user" size="2"></v-line>
            <v-point position="item*score" color="user" size="4"></v-point>
            <v-area position="item*score" color="user"></v-area>
          </v-chart>

demo.js:201119 Uncaught Error: Template parse errors:
Can't bind to 'position' since it isn't a known property of 'v-interval'.
1. If 'v-interval' is an Angular component and it has 'position' input, then verify that it is part of this module.
2. If 'v-interval' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
        ></v-coord>
        <v-interval
          [ERROR ->][position]="'type*value'"
          [color]="'#CBCBCB'"
          [size]="6"
"): ng:///AppModule/AppComponent.html@12:10
Can't bind to 'color' since it isn't a known property of 'v-interval'.
1. If 'v-interval' is an Angular component and it has 'color' input, then verify that it is part of this module.
2. If 'v-interval' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
        <v-interval
          [position]="'type*value'"
          [ERROR ->][color]="'#CBCBCB'"
          [size]="6"
        ></v-interval>
"): ng:///AppModule/AppComponent.html@13:10
Can't bind to 'size' since it isn't a known property of 'v-interval'.
1. If 'v-interval' is an Angular component and it has 'size' input, then verify that it is part of this module.
2. If 'v-interval' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
          [position]="'type*value'"
          [color]="'#CBCBCB'"
          [ERROR ->][size]="6"
        ></v-interval>
      </v-view>
"): ng:///AppModule/AppComponent.html@14:10
'v-interval' is not a known element:
1. If 'v-interval' is an Angular component, then verify that it is part of this module.
2. If 'v-interval' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
          [radius]="0.8"
        ></v-coord>
        [ERROR ->]<v-interval
          [position]="'type*value'"
          [color]="'#CBCBCB'"
"): ng:///AppModule/AppComponent.html@11:8
Can't bind to 'position' since it isn't a known property of 'v-interval'.
1. If 'v-interval' is an Angular component and it has 'position' input, then verify that it is part of this module.
2. If 'v-interval' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
        ></v-coord>
        <v-interval
          [ERROR ->][position]="'type*value'"
          [color]="'#CBCBCB'"
          [size]="6"
"): ng:///AppModule/AppComponent.html@34:10
Can't bind to 'color' since it isn't a known property of 'v-interval'.
1. If 'v-interval' is an Angular component and it has 'color' input, then verify that it is part of this module.
2. If 'v-interval' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
        <v-interval
          [position]="'type*value'"
          [ERROR ->][color]="'#CBCBCB'"
          [size]="6"
        ></v-interval>
"): ng:///AppModule/AppComponent.html@35:10
Can't bind to 'size' since it isn't a known property of 'v-interval'.
1. If 'v-interval' is an Angular component and it has 'size' input, then verify that it is part of this module.
2. If 'v-interval' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
          [position]="'type*value'"
          [color]="'#CBCBCB'"
          [ERROR ->][size]="6"
        ></v-interval>
      </v-view>
"): ng:///AppModule/AppComponent.html@36:10
'v-interval' is not a known element:
1. If 'v-interval' is an Angular component, then verify that it is part of this module.
2. If 'v-interval' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
          [radius]="0.55"
        ></v-coord>
        [ERROR ->]<v-interval
          [position]="'type*value'"
          [color]="'#CBCBCB'"
"): ng:///AppModule/AppComponent.html@33:8
Can't bind to 'position' since it isn't a known property of 'v-interval'.
1. If 'v-interval' is an Angular component and it has 'position' input, then verify that it is part of this module.
2. If 'v-interval' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
        ></v-coord>
        <v-interval
          [ERROR ->][position]="'type*value'"
          [color]="frontIntervalColor"
          [opacity]="1"
"): ng:///AppModule/AppComponent.html@48:10
Can't bind to 'color' since it isn't a known property of 'v-interval'.
1. If 'v-interval' is an Angular component and it has 'color' input, then verify that it is part of this module.
2. If 'v-interval' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
        <v-interval
          [position]="'type*value'"
          [ERROR ->][color]="frontIntervalColor"
          [opacity]="1"
          [size]="6"
"): ng:///AppModule/AppComponent.html@49:10
Can't bind to 'opacity' since it isn't a known property of 'v-interval'.
1. If 'v-interval' is an Angular component and it has 'opacity' input, then verify that it is part of this module.
2. If 'v-interval' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
          [position]="'type*value'"
          [color]="frontIntervalColor"
          [ERROR ->][opacity]="1"
          [size]="6"
        ></v-interval>
"): ng:///AppModule/AppComponent.html@50:10
Can't bind to 'size' since it isn't a known property of 'v-interval'.
1. If 'v-interval' is an Angular component and it has 'size' input, then verify that it is part of this module.
2. If 'v-interval' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
          [color]="frontIntervalColor"
          [opacity]="1"
          [ERROR ->][size]="6"
        ></v-interval>
        <v-guide
"): ng:///AppModule/AppComponent.html@51:10
'v-interval' is not a known element:
1. If 'v-interval' is an Angular component, then verify that it is part of this module.
2. If 'v-interval' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
          [radius]="0.8"
        ></v-coord>
        [ERROR ->]<v-interval
          [position]="'type*value'"
          [color]="frontIntervalColor"
"): ng:///AppModule/AppComponent.html@47:8
    at syntaxError (demo.js:201119)
    at TemplateParser.parse (demo.js:225294)
    at JitCompiler._parseTemplate (demo.js:235105)
    at JitCompiler._compileTemplate (demo.js:235080)
    at demo.js:234981
    at Set.forEach (<anonymous>)
    at JitCompiler._compileComponents (demo.js:234981)
    at demo.js:234851
    at Object.then (demo.js:201108)
    at JitCompiler._compileModuleAndComponents (demo.js:234850)
syntaxError @ demo.js:201119
TemplateParser.parse @ demo.js:225294
JitCompiler._parseTemplate @ demo.js:235105
JitCompiler._compileTemplate @ demo.js:235080
(anonymous) @ demo.js:234981
JitCompiler._compileComponents @ demo.js:234981
(anonymous) @ demo.js:234851
then @ demo.js:201108
JitCompiler._compileModuleAndComponents @ demo.js:234850
JitCompiler.compileModuleAsync @ demo.js:234744
CompilerImpl.compileModuleAsync @ demo.js:26948
PlatformRef.bootstrapModule @ demo.js:5839
Object.setPrototypeOf.__proto__ @ demo.js:172524
__webpack_require__ @ demo.js:20
webpackContext @ demo.js:154376
Demo.runCode @ demo.js:55822
Demo.renderCase @ demo.js:55844
(anonymous) @ demo.js:55899
dispatch @ demo.js:32826
elemData.handle @ demo.js:32634

<Chart [forceFit]="forceFit" [height]="height" >
  <View viewId="1" [data]="data" [dataPre]="dataPre" [scale]="scale">
    <Tooltip [showTitle]="tooltipOpts.showTitle" [crosshairs]="tooltipOpts.crosshairs" [itemTpl]="tooltipOpts.itemTpl"></Tooltip>
    <Axis></Axis>
    <Box position="x*range" [style]="boxStyle" [tooltip]="boxTooltip"></Box>
  </View>
  <View viewId="4" [data]="data" [scale]="scale">
    <Point [position]="'x*range'" [size]="3" [active]="false"></Point>
  </View>
</Chart>

$ npm run postinstall
$ cd ./demo && npm install
$ npm run start

ERROR in ../packages/viser/src/shapes/loadShapes.ts
(2,27): error TS2307: Cannot find module './ErrorBar'.

ERROR in ../packages/viser/src/shapes/loadShapes.ts
Module not found: Error: Can't resolve './ErrorBar' in '/root/Downloads/viser/packages/viser/src/shapes'
 @ ../packages/viser/src/shapes/loadShapes.ts 4:15-36
 @ ../packages/viser/src/core/CommonChart.ts
 @ ../packages/viser/src/index.ts
 @ ./chart/bar-1/json.ts
 @ ./chart ^\.\/.*$
 @ ./index.ts
 @ multi ./index.ts
webpack: Failed to compile.

CommonDataSet.prototype.getDataView = function (data, dataView) {
    if (dataView === void 0) { dataView = 'rows'; }
    if (__WEBPACK_IMPORTED_MODULE_0_lodash__["isArray"](dataView) && dataView.length >= 2) {
        var type = dataView[0];
        if (__WEBPACK_IMPORTED_MODULE_0_lodash__["isFunction"](dataView[1])) {
            if (type === 'nodes') {
                return dataView[1](data.getAllNodes());
            }
            else if (type === 'edges') {
                return dataView[1](data.getAllLinks());
            }
        }
    }
    return data[dataView];    // when data=[] , it will occure bug
};