Merge branch 'next' of https://github.com/100pah/echarts into next

# Conflicts: # src/chart/helper/LargeLine.js # src/chart/helper/LargeLineDraw.js # src/chart/helper/LineDraw.js # src/chart/lines/LinesSeries.js # src/chart/lines/LinesView.js # src/chart/lines/linesLayout.js # src/data/List.js # src/model/Series.js

Merge branch 'next' of https://github.com/100pah/echarts into next
# Conflicts: # src/chart/helper/LargeLine.js # src/chart/helper/LargeLineDraw.js # src/chart/helper/LineDraw.js # src/chart/lines/LinesSeries.js # src/chart/lines/LinesView.js # src/chart/lines/linesLayout.js # src/data/List.js # src/model/Series.js
0fa2f1ce · sushuang · 802d78a5 · 826eb69e · 0fa2f1ce
隐藏空白更改
内联并排

Showing with 42 addition and 46 deletion

test/lines-stream-ny.html test/lines-stream-ny.html +42 -46

未找到文件。
--- a/test/lines-stream-ny.html
+++ b/test/lines-stream-ny.html
@@ -10,6 +10,7 @@
    <body>
        <style>
            html, body, #main {
+                background: #111;
                width: 100%;
                height: 100%;
                margin: 0;
@@ -21,7 +22,8 @@
        var xs = [440000, 450000];
        var ys = [4368000, 4537000];
-        var dataURL = '../../data-online/figshare_Urban_Road_Network/public/Links_NewYork_1.json';
+        var dataURL = '../../echarts-worker/example/data/links_ny.bin';
+        // var dataURL = '../../echarts-worker/example/data/Links_NewYork_1.json';
        // var dataURL = 'http://echarts.baidu.com/resource/data/figshare_Urban_Road_Network/public/Links_NewYork_1.json';
@@ -33,22 +35,42 @@
            // 'extension/bmap'
        ], function (echarts) {
+            var config = {
+                dataLoading: 'whole',
+                streamThreshold: 0,
+                streamRender: true,
+                largeModel: true
+            };
            $.get('../map/json/world.json', function (worldJson) {
                echarts.registerMap('world', worldJson);
                // echarts.registerMap('test', testGeoJson1);
                // $.get('data/Links_Beijing_0.json', function (data) {
-                $.get(dataURL, function (data) {
+                var xhr = new XMLHttpRequest();
-                    var config = {
+                xhr.open('GET', dataURL, true);
-                        dataLoading: 'whole',
+                xhr.responseType = 'arraybuffer';
-                        streamThreshold: 0,
-                        streamRender: true,
-                        largeModel: true
-                    };
+                xhr.onload = function (e) {
+                    var rawData = new Float32Array(this.response);
                    var chart;
+                    var data = new Float64Array(rawData.length - 2);
+                    var offsetX = rawData[0];
+                    var offsetY = rawData[1];
+                    var off = 0;
+                    for (var i = 2; i < rawData.length;) {
+                        var count = rawData[i++];
+                        data[off++] = count;
+                        for (var k = 0; k < count; k++) {
+                            var x = rawData[i++] + offsetX;
+                            var y = rawData[i++] + offsetY;
+                            data[off++] = x;
+                            data[off++] = y;
+                        }
+                    }
                    var gui = new dat.GUI();
                    gui.add(config, 'dataLoading', ['whole', 'chunked'])
                        .onChange(init);
@@ -68,61 +90,35 @@
                        chart = echarts.init(document.getElementById('main'));
-                        var lines = data.geometries.map(function (entry) {
-                            return {
-                                coords: entry.coordinates
-                            };
-                        });
-                        // var lines = [];
-                        // for (var i = 0; i < 1000; i++) {
-                        //     var entry = data.geometries[i];
-                        //     lines.push({
-                        //         coords: entry.coordinates
-                        //     });
-                        // }
                        chart.setOption({
-                            streamStep: 14000,
+                            streamStep: 15000,
                            animation: false,
                            geo: {
                                center: [-74.04327099998152, 40.86737600240287],
                                zoom: 360,
                                map: 'world',
                                roam: true,
-                                label: {
+                                silent: true,
-                                    normal: {
-                                        show: true,
-                                        textStyle: {
-                                            color: 'rgba(0,0,0,0.4)'
-                                        }
-                                    }
-                                },
                                itemStyle: {
-                                    normal:{
+                                    normal: {
-                                        borderColor: 'rgba(0, 0, 0, 0.2)'
+                                        areaColor: 'transparent',
-                                    },
+                                        borderColor: 'rgba(255,255,255,0.1)',
-                                    emphasis:{
+                                        borderWidth: 1
-                                        color: null,
-                                        areaColor: null,
-                                        shadowOffsetX: 0,
-                                        shadowOffsetY: 0,
-                                        shadowBlur: 20,
-                                        borderWidth: 0,
-                                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                                    }
                                }
                            },
                            series: [{
                                type: 'lines',
                                coordinateSystem: 'geo',
-                                data: lines,
+                                data: data,
                                large: config.largeModel,
                                polyline: true,
+                                blendMode: 'lighter',
                                lineStyle: {
                                    normal: {
-                                        color: 'purple',
+                                        color: 'orange',
-                                        opacity: 1,
+                                        opacity: 0.3,
                                        width: 0.5
                                    }
                                },
@@ -130,9 +126,9 @@
                            }]
                        });
                    }
+                };
-                });
+                xhr.send();
            });
        });