調(diào)用源碼：

成都創(chuàng)新互聯(lián)公司是網(wǎng)站建設(shè)專家,致力于互聯(lián)網(wǎng)品牌建設(shè)與網(wǎng)絡(luò)營(yíng)銷，專業(yè)領(lǐng)域包括成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、電商網(wǎng)站制作開發(fā)、小程序制作、微信營(yíng)銷、系統(tǒng)平臺(tái)開發(fā)，與其他網(wǎng)站設(shè)計(jì)及系統(tǒng)開發(fā)公司不同，我們的整合解決方案結(jié)合了恒基網(wǎng)絡(luò)品牌建設(shè)經(jīng)驗(yàn)和互聯(lián)網(wǎng)整合營(yíng)銷的理念，并將策略和執(zhí)行緊密結(jié)合，且不斷評(píng)估并優(yōu)化我們的方案，為客戶提供全方位的互聯(lián)網(wǎng)品牌整合方案！

https://gitee.com/free/ECharts

也可以下載

 <!-- 引入 echarts.jar -->
        <dependency>
            <groupId>com.github.abel533</groupId>
            <artifactId>ECharts</artifactId>
            <version>3.0.0.6</version>
        </dependency>

  <!--GsonOption必須-->
        <dependency>
            <groupId>com.google.code.gson</groupId>
            <artifactId>gson</artifactId>
            <version>2.6.2</version>
            <scope>compile</scope>
            <optional>true</optional>
        </dependency>

調(diào)用：

demo

 GsonOption option = new GsonOption();
        option.tooltip().trigger(Trigger.axis);
        option.legend("郵件營(yíng)銷", "聯(lián)盟廣告", "直接訪問", "搜索引擎");
        option.toolbox().show(true);
        option.calculable(true);
        option.xAxis(new CategoryAxis().boundaryGap(false).data("周一", "周二", "周三", "周四", "周五", "周六", "周日"));
        option.yAxis(new ValueAxis());
        option.series(new Line().smooth(true).name("郵件營(yíng)銷").stack("總量").symbol(Symbol.none).data(120, 132, 301, 134, new LineData(90, Symbol.droplet, 5), 230, 210));

        //實(shí)現(xiàn)不了js的這個(gè)效果
        //line.itemStyle.normal.areaStyle = new AreaStyle();
        LineData lineData = new LineData(201, Symbol.star, 15);
        lineData.itemStyle().normal().label().show(true).textStyle().fontSize(20).fontFamily("微軟雅黑").fontWeight("bold");
        option.series(new Line().smooth(true).name("聯(lián)盟廣告").stack("總量").symbol("image://http://echarts.baidu.com/doc/asset/ico/favicon.png").symbolSize(8).data(120, 82, lineData, new LineData(134, Symbol.none), 190, new LineData(230, Symbol.emptypin, 8), 110));

        System.out.println(option.toString());

有字符串
后面就集成就行

接受
這個(gè)行就是接受上面?zhèn)鬟^來的參數(shù)
<input type="hidden" th:value="${datanums}" id="numsvv"/>

//獲取參數(shù)
var datachart=$("#numsvv").val();

//這一步必須處理，否在不能顯示數(shù)據(jù)
optiondata = JSON.parse(datachart);

//渲染
twoTimeChart.setOption(optiondata);

關(guān)鍵樣式：

 <div class="col-md-6 col-sm-6 col-xs-12">
                        <div class="x_panel">
                            <div class="x_title">
                                <h3>其他key <small>調(diào)用次數(shù)</small></h3>
                                <ul class="nav navbar-right panel_toolbox">
                                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                    </li>
                                    <div id="keyTimeTwo" ></div>
                                    <li><a class="close-link"><i class="fa fa-close"></i></a>
                                    </li>
                                </ul>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">
                                <canvas id="canvasDoughnut"></canvas>
                            </div>
                        </div>
                    </div>

效果：

![](/upload/otherpic69/8588fd30a3e379cf963e2ef274704e31.png)

依賴：
echarts.min.js

標(biāo)題名稱：ECharts自定義學(xué)
文章來源：http://aaarwkj.com/article46/pdiseg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、定制開發(fā)、、網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)