1. 程式人生 > >關於HighCharts中餅圖資料標籤顏色與圖形顏色一致問題的解決

關於HighCharts中餅圖資料標籤顏色與圖形顏色一致問題的解決

之前一直用的百度的Echarts但是他沒有3D的餅圖所以今天用到HighCharts中的3D餅圖,但是發現,餅圖的資料標籤顏色屬性中的color是string型別,而不是array型別的,說明無法跟隨餅圖的顏色來進行著色,這就很坑了,在網上找了很多的解決方法,都是在

formatter屬性中打主意,而且是通過判斷資料名稱來進行著色,但是這樣便無法動態進行資料的更替了,當我在formatter中打印出this的時候發現裡面有color的屬性,對應了每個餅圖的亞瑟,這樣我們就不需要通過判斷來分別給資料標籤著色了

 

formatter:function(){
                                    return  '<p style="color:'+ this.color+'">'+ this.point.name +'</p><br><p style="color:'+ this.color+'">'+ (this.percentage).toFixed(1)+'%</p>';
                                    }

通過插入HTML來進行顏色的區別上色。直接通過style css樣式來定義每個標籤的顏色。

相關推薦

關於HighCharts資料標籤顏色圖形顏色一致問題的解決

之前一直用的百度的Echarts但是他沒有3D的餅圖所以今天用到HighCharts中的3D餅圖,但是發現,餅圖的資料標籤顏色屬性中的color是string型別,而不是array型別的,說明無法跟隨餅圖的顏色來進行著色,這就很坑了,在網上找了很多的解決方法,都是在 for

Highcharts處理座標軸資料過多的問題

昨天專案中遇到了highcharts這個元件,這次是對它記憶尤深,給我卡了一天,第一個問題就是在座標軸資料過多的時候,highcharts元件會自動調整座標軸的刻度間隔,好是好,但是我遇到的是它存在隨機性,在我的專案中,如圖 而且每次出現的都是不固定的,有時候是這兩個,有時候是那兩個,而且看了

使用Echarts圖表動態載入資料 pie

//JS成功後的程式碼functionbind(result){// 基於準備好的dom,初始化echarts圖表var TypeSalesChart = echarts.init(document.getElementById('main')); var option = { too

03 -2 numpypandas處理丟失資料的理解例項

引入三劍客 import numpy as np import pandas as pd from pandas import Series,DataFrame 處理丟失資料 1.有兩種丟失資料: None: Python自帶的資料型別 不能參與到任何計算中

在win32實現瀏覽資料夾功能刪除檔案功能

#include <windows.h> void CPageFile::FolderBrowsing() { PIDLIST_ABSOLUTE pIDLIST; BROW

Unity3D常用的資料結構總結分析

來到週末,小匹夫終於有精力和時間來更新下部落格了。前段時間小匹夫讀過一份程式碼,對其中各種資料結構靈活的使用讚不絕口,同時也大大激發了小匹夫對各種資料結構進行梳理和總結的慾望。正好最近也拜讀了若干大神的文章,覺得總結下常用的資料結構以供自己也能靈活的使用變得刻不容緩。那麼還是從小匹夫的工作內容入手,就談談在平

為什麼我的echarts字型樣式這麼醜?Echarts 柱狀標籤、字型、樣式調整

   在專案組做了兩個月的echarts,曾經小白的我現在對echarts的使用也算是得心應手,現將個人這段時間的個人筆記奉上,供大家品鑑、參考! 1、option下調圖形顏色,加: color: ['#ffd285','#ec4863', '#ff733f','#3AA

純css改變input的游標顏色,字型顏色不變(設定游標顏色字型顏色不同)

使用input輸入框時,預設游標顏色是和字型顏色相同的,只需css設定color屬性就可以同時改變游標和字型顏色 但有時的需求是游標和字型顏色不一樣,網上的caret方法經測試chrome並不管用,所以,程式碼如下 <!DOCTYPE html> <htm

Android 沉浸式狀態列-字型顏色背景顏色修改實現相容

沉浸式狀態列究其根本就是將佈局內容延伸到狀態列中,讓狀態列覆蓋在佈局上或者隱藏。 實現 首先,要修改狀態列android版本至少要在4.4以上,並且在4.4是不能讓狀態列透明的,只能達到一種半透明的陰影背景,而在5.x的版本中,是可以修改背景顏色但無法修

根據檔案讀取的資料使用turtle繪製圖形路徑

前言 這篇部落格主要是對從檔案中讀取的資料使用turtle繪製圖形路徑的操作 嗯,獨立完成,秀操作,明天也要加油鴨!!! 資料 資料是.txt檔案,共9行,每一行的第一列表示烏龜前進的畫素數,第二列表示轉動的方向(0表示向左),第三列表示

C# (Winform) 顏色選擇器的呼叫,以及RGB顏色UInt顏色的轉換

廢話不多說,顏色選擇器就是ColorDialog,直接從工具欄拖到窗體上。 呼叫顏色選擇器和呼叫窗體一樣,我這裡通過一個Button的點選事件觸發,選擇顏色後改變了panel的顏色:

HighChartsURL在頁面之間傳引數及跳轉解決方案

HighCharts中柱狀圖,餅圖等可以實現點選圖表資料來實現頁面之間的跳轉,跳轉到重定向的頁面,並且把對應圖表的資料傳遞到要跳轉到的頁面 下面使用一個簡單的例項進行演示: 這裡使用HighCharts的Cloumn柱狀圖 1.首先,需要在頁面的<script>

解決使用echarts做動態資料展示data如何傳值的問題

** 解決使用echarts做動態資料餅圖展示中data如何傳值的問題 ** 如圖,將所查出的資料以餅圖形式展示 下面是頁面data的傳值方法 這是data,請忽略data裡的那些值。那是用來測試用的, 首先將從資料庫查出的資料裝到兩個list裡面,再通過json傳到前臺。

使用ECharts實現各種資料統計,柱狀,折線)在javaWeb的應用

具體的資源及頁面程式碼可下載  http://download.csdn.net/download/dll322/9912507 準備工作:要下載ECharts的原始檔 第一步:在web端既新建一個jsp頁面 第二步:引入ECharts的js 第三步:為EChart

Matplotlib資料視覺化(6):箱線

In [1]: from matplotlib import pyplot as plt import numpy as np import matplotlib as mpl mpl.rcParams['font.sans-serif'] = ['SimHei'] # 中文字型支

Highcharts構建空

blog 當前 art gravity sdn 增加 avi trac sso Highcharts構建空餅圖 空餅圖就是不包括不論什麽節點的餅圖。在Highcharts中,假設數據列不包括數據,會自己主動顯示空白。這樣瀏覽者無法推斷當前圖表為什麽類型。繪制一個空餅圖

highcharts

code border owin 技術分享 cti tex http spa att 效果: JSON加載數據: var chartseries2 = [ { name: ‘完成‘ + data.rate + ‘%‘, y: da

DWR(AJAX)+Highcharts繪制曲線圖,

logging 數據類型 hid 一個 ext js xml 通過 for 源代碼下載 基本需求: 1. 在前臺會用DWR框架(或者AJAX)調用Java後臺代碼獲取要在Hightcharts展示的數據 2. 了解JSON(JavaScript

Echarts更改顏色、顯示數據且換行

gen val tex png es2017 trigge nbsp charts 代碼 var option = { title : { text: ‘數據來源‘, x:‘center‘ }, tooltip : { tri

利用echarts highcharts 實現自定義地圖 關系效果 側邊3D柱形散點

技術 ges 散點圖 chart blog 餅圖 git 分享 charts github 地址: https://https://github.com/Gengshaoxuan/medataMap github 地址: https://https://github.c