2. 程式人生 > >echarts2.0修改markpoint及markline的屬性（markpoint顯示隱藏，並且實現自定義圖例）

echarts2.0修改markpoint及markline的屬性（markpoint顯示隱藏，並且實現自定義圖例）

阿新 • • 發佈：2019-02-14
//圖例線條顏色，按順序來，不夠需要新增 var gar_colors = ['#CC6666', '#FFA026', '#FF0200', '#666633', '#FF00CC', '#CC6633', '#9933FF', '#CC33CC', '#33CCFF', '#003399', '#9999FF', '#FFCC00', '#CC99FF', '#FF3300', '#3333FF', '#339900', '#FF9900']; var gobj_chart; //資料 var datas = '[{"name":"這是第一條線","aitds": "16408","datas": [[1,2],[2,3],[3,5],[4,15],[5,10]]},{"name":"這是第2條線","aitds": "16405","datas": [[1,3],[2,1],[3,4],[4,10],[5,15]]}]'
; //頁面載入完成執行 $(function () { var series = []; var dataAr = JSON.parse(datas); var legendStr = ""; for (var i = 0; i < dataAr.length; i++) { var lineObj = {}; var dataObj = dataAr[i]; lineObj.name = dataObj.name; lineObj.itemStyle = {normal: {color: gar_colors[i]}}; //用來作為唯一識別的自定義屬性
lineObj.id = dataObj.aitds; lineObj.type = "line"; lineObj.data = dataObj.datas; lineObj.markPoint = {data: [{type: 'max', name: '最大值'}, {type: 'min', name: '最小值'}]}; series.push(lineObj); //組織自定義圖例 legendStr += "<ul title='"
+ lineObj.name + "' onmouseover='highLightData(\"" + lineObj.id + "\",\"#f1394e\");' onmouseout='highLightData(\"" + lineObj.id + "\",\"" + gar_colors[i] + "\");' onclick='refreshData(\"" + lineObj.id + "\")'>"; legendStr += "<li style='background: " + gar_colors[i] + ";' ></li>" legendStr += "<span style='display: block'>" + lineObj.name + "</span>" legendStr += "</ul>"; } //自定義legend 圖例 $("#legend_div").html(legendStr); //資料組織 var option = { title: { text: '', subtext: '' }, tooltip: { trigger: 'axis' }, calculable: true, xAxis : [ { type : '', splitNumber:5 } ], yAxis : [ { type : 'value' } ], series: series }; var charHtmlObj = document.getElementById('mainA'); //初始化echarts gobj_chart = echarts.init(charHtmlObj); gobj_chart.setOption(option); }); //修改markPoint大小，從而做到顯示隱藏 function refreshData(paName) { //alert(paName); //更新資料 var option = gobj_chart.getOption(); for (var i = 0; i < option.series.length; i++) { //alert(option.series[i].id); if (option.series[i].id == paName) { for (var j = 0; j < option.series[i].markPoint.data.length; j++) { if (option.series[i].markPoint.data[j].symbolSize == 0) option.series[i].markPoint.data[j].symbolSize = 50; else option.series[i].markPoint.data[j].symbolSize = 0; } } } gobj_chart.setOption(option); } //修改markPoint大小，從而做到顯示隱藏 function highLightData(paName, paColor) { //更新資料 var option = gobj_chart.getOption(); for (var i = 0; i < option.series.length; i++) { if (option.series[i].id == paName) { option.series[i].itemStyle.normal.color = paColor; } } gobj_chart.setOption(option); }

相關推薦

echarts2.0修改markpoint及markline的屬性（markpoint顯示隱藏，並且實現自定義圖例）

//圖例線條顏色，按順序來，不夠需要新增 var gar_colors = ['#CC6666', '#FFA026', '#FF0200', '#666633', '#FF00CC', '#CC6633', '#9933FF', '#CC33CC', '#33CCFF',

3. ARMv8 中斷及異常處理（包括系統呼叫，系統呼叫即同步異常）

ARMv8 64bits相對於之前的 32bits 有較大變動，所有中斷及異常的處理總入口都在entry.S 原始檔中。 1.1.       異常介紹（中斷即稱為 非同步異常） 分為同步和非同步 兩種型別異常，中斷劃入非同步異常型別： Synchronous(同步異常)

Android 獲取不到自定義屬性（Android studio 2.2版本中自定義屬性的宣告）

跟著慕課網中鴻洋大神照著寫QQ5.0的側滑選單中遇到的問題。 如果按照鴻洋大神所說書寫格式是 xmlns:arrtss=”http://schemas.android.com/apk/+當前應用包名但

springboot2.0中Spring MVC的JSR具體體現Hibernate Validator，Spring Boot自定義過濾器Filter

宣告，基於springboot 上一篇博文 ,地址： https://blog.csdn.net/weixin_42323802/article/details/83964225 在spring中，輸入驗證提供2種方式，一種基於spring框架，一種基於Hibernate Valid

Autoencorder理解(5):VAE（Variational Auto-Encoder，變分自編碼器）

reference: http://blog.csdn.net/jackytintin/article/details/53641885 近年，隨著有監督學習的低枝果實被採摘的所剩無幾，無監督學習成為了研究熱點。VAE（Variational Auto-Encode

DGBroker修改數據庫屬性（2）

dg broker A LITTLE EFFORT EVERY DAY.YOU WILL MAKE A BIG DIFFERENCE.一、修改數據庫屬性EDIT DATABASE 'South_Sales' SET PROPERTY 'LogArchiveFormat'

Android8.0新特性及開發指南（轉載）

背景介紹谷歌2017 I/O開發者大會今年將於5月17-19日在美國加州舉辦。大會將跟往年一樣釋出最新的 Android 系統，今年為 Android 8.0。谷歌在今年3 月21日釋出 Android 新系統開發者預覽版時已給新系統取名為 Android O。自2008 年

MQTT協議學習及實踐（Linux服務端，Android客戶端的例子）

nbsp hub 設備 log config cati href 10.10.4 rmi 前言 MQTT(Message Queuing Telemetry Transport),是一個物聯網傳輸協議，它被設計用於輕量級的發布/訂閱式消息傳輸，旨在為低帶寬和不穩定

實現自定義查詢的數據庫設計及實現（一）

bre 名稱 審批流程 work 數據庫名 需要 自定義查詢 perm 枚舉 需求 先說一下需求：實現用戶自定義的查詢，用戶可以自定義要查詢的列、自定義條件條件、自定義排序。除了查詢使用外，還可以使用於各個需要根據條件進行約束的業務，如權限； 本設計和實現，很大部分是通過數

實現自定義查詢的數據庫設計及實現（二）

表名 table abr bigint sts 處理 update 關聯表 creat 上部分大概講了一下表設計，這部分講一下處理。 處理的結構 處理結構的內容比較多，分為幾個部分分別講解一下。首先講解一下尋找關系表。 尋找關系表 尋找關系表根據“表間關系登記表”進行處

thinkphp 5.0如何實現自定義404（異常處理）頁面

錯誤頁 自定義異常 異常錯誤 錯誤 load php 錯誤信息 art 正常 404頁面是客戶端在瀏覽網頁時，由於服務器無法正常提供信息，或是服務器無法回應，且不知道原因所返回的頁面。404承載著用戶體驗與SEO優化的重任。404頁面通常為用戶訪問了網站上不存在或已刪除的

修改系統及nginx程序最大訪問數，解決高並發問題

解決高並發 、修改系統及nginx程序修改最大訪問數。先更改內核參數查看： ulimit -a查看此行open files (-n) 140000進入系統配置文件進行修改：[root@bogon ~]#vi /etc/systemd/system.conf#De

TVS（瞬態抑制二極體）、Schottky（肖特基二極體）、Zener （齊納二極體，也稱穩壓二極體）主要特點及區別和使用

轉自：https://www.cnblogs.com/qiyuexin/p/8664857.html 1. 簡單介紹 TVS TVS(Transient Voltage Suppressor)二極體，又稱為瞬態抑制二極體，是普遍使用的一種新型高效電路保護器件，它具有極快的響應時間（

phtoshop cs6 下載安裝及破解方法（另附Photoshop CC 2018破解版圖文教程）

  　　前言： 　　　　前端雖然用PS不多，但有時需要用PS切圖；UI給你PSD圖，需要取色，檢視字型顏色大小；測量元素寬高等 　　　　但有時想找一個“麻雀雖小，五臟俱全”又是破解版的PS，也不是那麼容易的 　　　　注：ps完整版不僅體積大，啟用時也會佔用更多記憶體，而且很多功能前端是不需要

快學Scala學習筆記及習題解答（5-8類、物件、包和繼承）

本文scala使用的版本是2.11.7 第五章 類 5.1 基本操作 class Person { // Scala會生成一個私有的final欄位和一個getter方法,但沒有setter val timeStamp = ne

計算機視覺筆記及資料整理（含影象分割、目標檢測小方向學習）

前言 1、簡單聊聊： 在我腦海中我能通過這些年聽到的技術名詞來感受到技術的更新及趨勢，這種技術發展有時候我覺得連關注的腳步都趕不上。簡單回顧看看，從我能聽到的技術名詞來感受，最開始耳聞比較多「雲端計算」這玩意，後來聽到比較多的是「資料探勘」，當時想著等考上研也要

從零寫分散式RPC框架 系列 2.0 （4）使用BeanPostProcessor實現自定義@RpcReference註解注入

之前服務提供方 RpcServer 我們是使用 ApplicationContextAware 來掃描 @RpcService 註解，新增一個註解即可實現服務暴露。現在，我們用 BeanPostProcessor 來實現服務注入，自動將服務實現類注入到被@RpcReference註解標記

Oracle異常處理及舉例（Oracle預定義異常和自定義異常）

PL/SQL 異常處理 Oracle系統異常分別為兩大類： 預定義異常：Oracle系統自身提供 自定義異常：Oracle不知曉無法控制的異常，特定的業務邏輯。由使用者在程式中定義，Oracle自動引發Oracle常見的預定義異常 ZERO_DIVIDE

常見LTE問題及答案彙總（資源分配方法、ICIC、CoMP、SC）

部分摘自百度文庫 1、衡量LTE覆蓋和訊號質量基本測量量是什麼？ LTE中最基本，也是日常測試中關注最多的測量有四個： 1）RSRP(ReferenceSignal Received Power)

Mybatis-generator修改原始碼實現自定義方法,返回List物件（三）

前兩篇文章我們講了如何獲取原始碼即建立工程、修改原始碼為dao（mapper）層新增一個方法，那麼這一篇，我們來講如何在xml新增這個方法所需要sql 3、實現XML檔案新增Dao(Mapper)層的實現 前面有講過，下圖中的兩個包，分別是管理dao(M