FM / test

/home/wespack/public_html/admin/vendors/echarts/test/

/home/wespack/public_html/admin/vendors/echarts/test

Name	Size	Mode	Actions
data/	-	0755	rm
lib/	-	0755	rm
ut/	-	0755	rm
area.html	5004	0644	edit dl rm
area2.html	90026	0644	edit dl rm
axes.html	23013	0644	edit dl rm
axis.html	5067	0644	edit dl rm
bar-large.html	3954	0644	edit dl rm
bar.html	6342	0644	edit dl rm
bar2.html	5761	0644	edit dl rm
bmap.html	29698	0644	edit dl rm
boxplot-multi.html	6285	0644	edit dl rm
boxplot.html	10502	0644	edit dl rm
candlestick.html	10204	0644	edit dl rm
candlestickConnect.html	21580	0644	edit dl rm
chord.html	1840	0644	edit dl rm
color-mix-aqi.html	8313	0644	edit dl rm
config.js	486	0644	edit dl rm
connect.html	5241	0644	edit dl rm
connect2.html	9124	0644	edit dl rm
dataView.html	4977	0644	edit dl rm
dataZoom-axes.html	11665	0644	edit dl rm
dataZoom-axis-type.html	11342	0644	edit dl rm
dataZoom-cartesian-h.html	4202	0644	edit dl rm
dataZoom-cartesian-v.html	2505	0644	edit dl rm
dataZoom-dataShadow.html	3334	0644	edit dl rm
dataZoom-dataShadow0.html	3337	0644	edit dl rm
dataZoom-dataShadow1.html	2826	0644	edit dl rm
dataZoom-dataShadow2.html	3334	0644	edit dl rm
dataZoom-dynamic.html	3427	0644	edit dl rm
dataZoom-rainfall-connect.html	10244	0644	edit dl rm
dataZoom-rainfall-inside.html	6233	0644	edit dl rm
dataZoom-rainfall.html	5542	0644	edit dl rm
dataZoom-scatter-category.html	6691	0644	edit dl rm
dataZoom-scatter-hv-polar.html	3178	0644	edit dl rm
dataZoom-scatter-hv.html	5163	0644	edit dl rm
dataZoom-scatter-toolbox.html	5797	0644	edit dl rm
dataZoomHighPrecision.html	10843	0644	edit dl rm
diff.html	2934	0644	edit dl rm
dynamicData.html	3885	0644	edit dl rm
effectScatter.html	25081	0644	edit dl rm
esl.js	7598	0644	edit dl rm
force.html	3110	0644	edit dl rm
force2.html	3331	0644	edit dl rm
force3.html	2565	0644	edit dl rm
funnel.html	4009	0644	edit dl rm
gauge.html	11955	0644	edit dl rm
geoLine.html	15138	0644	edit dl rm
geoScatter.html	17602	0644	edit dl rm
getOption.html	5034	0644	edit dl rm
graph-grid.html	2909	0644	edit dl rm
graph-simple.html	4615	0644	edit dl rm
graph.html	4778	0644	edit dl rm
heatmap-map.html	24347	0644	edit dl rm
heatmap.html	4209	0644	edit dl rm
ie8.html	50841	0644	edit dl rm
largeLine.html	4225	0644	edit dl rm
line.html	4726	0644	edit dl rm
loading.html	871	0644	edit dl rm
logScale.html	2374	0644	edit dl rm
map-contour.html	3592	0644	edit dl rm
map.html	10601	0644	edit dl rm
mapWorld.html	16925	0644	edit dl rm
markLine.html	4007	0644	edit dl rm
markPoint.html	7306	0644	edit dl rm
masterPainterColorChoice.html	3235	0644	edit dl rm
media-dataZoom.html	5233	0644	edit dl rm
media-finance.html	19661	0644	edit dl rm
media-pie.html	6969	0644	edit dl rm
mix.html	2915	0644	edit dl rm
mobileBench.html	4682	0644	edit dl rm
multipleGrid.html	88371	0644	edit dl rm
parallel-aqi.html	7257	0644	edit dl rm
pie.html	3679	0644	edit dl rm
pie2.html	9205	0644	edit dl rm
pie3.html	3041	0644	edit dl rm
pieDynamic.html	2411	0644	edit dl rm
polarLine.html	3765	0644	edit dl rm
polarLine2.html	1899	0644	edit dl rm
polarScatter.html	2281	0644	edit dl rm
punchCard.html	4504	0644	edit dl rm
radar.html	2553	0644	edit dl rm
radar2.html	3505	0644	edit dl rm
radar3.html	4515	0644	edit dl rm
radar4.html	7778	0644	edit dl rm
README.md	1598	0644	edit dl rm
reset.css	126	0644	edit dl rm
roseType.html	2147	0644	edit dl rm
sankey.html	2142	0644	edit dl rm
scale-integer.html	1294	0644	edit dl rm
scatter.html	4955	0644	edit dl rm
selectedMode.html	4197	0644	edit dl rm
showTip.html	3850	0644	edit dl rm
symbol.html	4191	0644	edit dl rm
theme.html	4050	0644	edit dl rm
themeRiver.html	7167	0644	edit dl rm
timeline-finance.html	12030	0644	edit dl rm
timeline-layout.html	17652	0644	edit dl rm
timeScale.html	88804	0644	edit dl rm
tooltip.html	6747	0644	edit dl rm
treemap-disk.html	7597	0644	edit dl rm
treemap-obama.html	11550	0644	edit dl rm
treemap-option.html	5729	0644	edit dl rm
treemap-option2.html	3409	0644	edit dl rm
treemap-simple.html	4850	0644	edit dl rm
visualMap-categories.html	7616	0644	edit dl rm
visualMap-continuous.html	27888	0644	edit dl rm
visualMap-layout.html	14743	0644	edit dl rm
visualMap-opacity.html	26282	0644	edit dl rm
visualMap-pieces.html	4891	0644	edit dl rm
visualMap-scatter-colorAndSymbol.html	6184	0644	edit dl rm
visualMap-scatter-symbolSize.html	5337	0644	edit dl rm
webkit-dep.html	2362	0644	edit dl rm
worldPopulationBubble.html	37864	0644	edit dl rm

Edit: /home/wespack/public_html/admin/vendors/echarts/test/axis.html (5067B)

<html>
    <head>
        <meta charset="utf-8">
        <script src="esl.js"></script>
        <script src="config.js"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
    </head>
    <body>
        <style>
            html, body, #main {
                width: 100%;
                height: 100%;
            }
        </style>
        <div id="main"></div>
        <script>

require([
                'echarts',
                'echarts/util/graphic',
                'echarts/chart/line',
                'echarts/component/legend',
                'echarts/component/grid',
                'echarts/component/tooltip'
            ], function (echarts, graphic) {

var chart = echarts.init(document.getElementById('main'), null, {
                    renderer: 'canvas'
                });

var xAxisData = [];
                var data1 = [];
                var data2 = [];
                var data3 = [];

for (var i = 0; i < 5; i++) {
                    xAxisData.push('类目' + i);
                    data1.push((-Math.random() - 0.2).toFixed(3));
                    data2.push((Math.random() + 0.3).toFixed(3));
                    data3.push((Math.random() + 0.2).toFixed(3));
                }

xAxisData.push({
                    value: '类目' + i,
                    textStyle: {
                        color: 'red'
                    }
                });
                data1.push('-');
                data2.push('-');
                data3.push('-');

for (; i < 10; i++) {
                    xAxisData.push('类目' + i);
                    data1.push((-Math.random() - 0.2).toFixed(3));
                    data2.push((Math.random() + 0.3).toFixed(3));
                    data3.push((Math.random() + 0.2).toFixed(3));
                }

var itemStyle = {
                    normal: {
                        // borderColor: 'white',
                        // borderWidth: 3,
                        // shadowBlur: 10,
                        // shadowOffsetX: 0,
                        // shadowOffsetY: 5,
                        // shadowColor: 'rgba(0, 0, 0, 0.4)',
                        lineStyle: {
                            width: 2
                            // shadowBlur: 10,
                            // shadowOffsetX: 0,
                            // shadowOffsetY: 5,
                            // shadowColor: 'rgba(0, 0, 0, 0.4)'
                        },
                        areaStyle: {
                        }
                    }
                };

chart.setOption({
                    legend: {
                        data: ['line', 'line2', 'line3']
                    },
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            type: 'line'
                        }
                    },
                    xAxis: {
                        // data: ['类目1', '类目2', '类目3', '类目4', '类目5',]
                        data: xAxisData,
                        boundaryGap: false,
                        // inverse: true,
                        splitArea: {
                            show: true
                        }
                    },
                    yAxis: {
                        boundaryGap: [0, 0],
                        splitLine: {
                            show: false
                        }
                    },
                    series: [{
                        name: 'line',
                        type: 'line',
                        stack: 'all',
                        symbolSize: 10,
                        data: data1,
                        itemStyle: itemStyle,
                        smooth: true
                    }, {
                        name: 'line2',
                        type: 'line',
                        stack: 'all',
                        symbolSize: 10,
                        data: data2,
                        itemStyle: itemStyle,
                        smooth: true
                    }, {
                        name: 'line3',
                        type: 'line',
                        stack: 'all',
                        symbolSize: 10,
                        data: data3,
                        itemStyle: itemStyle,
                        areaStyle: {
                            normal: {
                                color: new graphic.LinearGradient(0, 0, 0, 1, [{
                                    offset: 0,
                                    color: 'red'
                                }, {
                                    offset: 1,
                                    color: 'black'
                                }])
                            }
                        },
                        smooth: true
                    }]
                });
            });

</script>
    </body>
</html>

cmd: