狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發文檔 其他文檔  
 
網站管理員

Web繪制圖表工具 EveryChart
admin
2013年8月16日 9:22 本文熱度 4698




 


 


該文章在 2013/8/16 9:22:08 編輯過

全部評論5
admin
2013年8月16日 9:22
張金富
張金富 回答于 2011-07-18 14:07
舉報
IE6、7、8都不支持，效果也不怎么樣，不看好。
有幫助(0) | 沒幫助(0) | 評論(0) | 引用此評論
  • Evo
    Evo 回答于 2011-07-18 15:12
    舉報
    還是用freechart比較好
    有幫助(0) | 沒幫助(0) | 評論(0) | 引用此評論
  • 兔寶寶
    兔寶寶 回答于 2011-07-18 15:29
    舉報

    IE6、7、8都不支持,這點是很蛋疼的,效果嘛,現在是測試版,以后會好起來的,應該可以跟flash媲美,

    flash的解決方案，無法在手機瀏覽器中顯示，起碼目前情況是這樣的，android 2.2版本的設備還很少，iphone是肯定不會支持

    有幫助(0) | 沒幫助(0) | 評論(0) | 引用此評論
  • 兔寶寶
    兔寶寶 回答于 2011-07-18 15:31
    舉報

    引用來自“王威”的答案

    還是用freechart比較好

    freechart是在服務端生成的圖片,而且與用戶的交互也不是很好

    圖表缺乏交互性，比如折線圖，鼠標放在某個點上，希望看到該點的值，就做不到

    --- 共有 5 條評論 ---
    • 我是潮汐 @王威 : 跨平臺？？js需要考慮嗎？只要符合html5的規范，都是可以的吧，我自己認為如果拿js跟flash比，js應該會差在效果上 (2年前 by 我是潮汐) 回復
    • 兔寶寶 @huang_shn : 當然可以,這個功能已經實現了 (2年前 by 兔寶寶) 回復
    • jclucky 鼠標放在某個點上，顯示該點的值，可以做到吧。 (2年前 by jclucky) 回復
    • 兔寶寶 @王威 : 跨平臺要看跨什么樣的平臺了, 如果是PC平臺的話基本上js沒有什么優勢,flash又漂亮又成熟,但如果是手機平臺的話就不一樣了apple在極力打壓flash,android即使可以使用flash也未必可以運行的像在PC那樣流暢,html5只是一個趨勢,主要是根據不同的情況進行不同的選擇 (2年前 by 兔寶寶) 回復
    • Evo 寫錯,用Open Flash Chart或者fusionchart,flash在跨平臺上是不是比較好一點呢,與js比較有什么優缺點,稍微介紹下么 (2年前 by Evo) 回復
    有幫助(0) | 沒幫助(0) | 評論(5) | 引用此評論
  • 張金富
    張金富 回答于 2011-07-18 16:06
    舉報

    Highcharts JS

    樓主看看這個，比較一下。

    --- 共有 8 條評論 ---
    • 張金富 這個我幫不到你，你到別人電腦試試吧，我這一直沒問題。 (2年前 by 張金富) 回復
    • qxyywy 基本點的東西我還是看得懂 我昨天之前也是在那個網站下載了一個演示項目的，但我打開運行他的靜態頁面無法看到相應的效果 (2年前 by qxyywy) 回復
    • 兔寶寶 @qxyywy : 能說詳細點么 (2年前 by 兔寶寶) 回復
    • 兔寶寶 @張金富 : 頂你~ (2年前 by 兔寶寶) 回復
    • qxyywy 我是直接保存的頁面為靜態頁 出來后就那個圖形那塊有問題 (2年前 by qxyywy) 回復
    上一頁 | 下一頁
    有幫助(0) | 沒幫助(0) | 評論(8) | 引用此評論
  • 笨蛋EGG
    笨蛋EGG 回答于 2011-07-18 16:50
    舉報
    不支持IE6，暫時想用也用不上··不過支持··加油···
    --- 共有 1 條評論 ---
    • 兔寶寶 是啊IE9-真蛋疼 (2年前 by 兔寶寶) 回復
    有幫助(0) | 沒幫助(0) | 評論(1) | 引用此評論
  • 兔寶寶
    兔寶寶 回答于 2011-07-18 22:43
    舉報

    引用來自“張金富”的答案

    Highcharts JS

    樓主看看這個，比較一下。

    謝謝,那個老外做的確實很漂亮,但他復雜的文檔以及缺乏本土的支持相信門檻會很高,

    這個everychart項目只是剛剛起步,相信一定會達到它那樣甚至是超越他的

    --- 共有 1 條評論 ---
    • 魔君 Highcharts使用起來還是很簡單的。 (2年前 by 魔君) 回復
    有幫助(0) | 沒幫助(0) | 評論(1) | 引用此評論
  • 兔寶寶
    兔寶寶 回答于 2011-07-19 09:44
    舉報
    圖還可以做的更漂亮,希望大家能多提些建議,謝謝
    有幫助(0) | 沒幫助(0) | 評論(0) | 引用此評論
  • jianglinlimin
    jianglinlimin 回答于 2011-07-19 13:49
    舉報
    圖做的漂亮沒有啊！關鍵還是兼容啊！這是個大問題啊！支持！！！！！！
    有幫助(0) | 沒幫助(0) | 評論(0) | 引用此評論
  • 兔寶寶
    兔寶寶 回答于 2011-07-19 15:29
    舉報
    這個星期內應該就可以看到新的版本~ 謝謝大家的關注
    有幫助(0) | 沒幫助(0) | 評論(0) | 引用此評論

    • 該評論在 2013/8/16 9:22:51 編輯過
    admin
    2013年8月16日 9:24

    EveryChart教程(一)----餅形圖

    EveryChart是一個使用簡單,功能強大的JS繪制圖表工具,這里介紹如何使用

    Chart是各種圖表的基類,不能被實例化,圖表的公共屬性有:

    • title 標題(對象)
    • width 寬
    • height 高
    • vivid 是否動畫顯示
    • showValue 是否顯示值(儀表圖是否顯示刻度)zoom 放大的方式 通常是有follow和select兩種方式
    • zoomScale 放大倍數
    • zoomWidth follow放大時放大鏡的寬度
    • focusEvent 聚焦事件
    • padding 內補丁
    • background 背景色
    • backgroundStop 背景色漸變的截止顏色(如果為false表示不漸變)
    • link 是否啟用鏈接
    • tip 鼠標提示
    • legend 圖例
    • item 圖表的各項,因為需要比較,通常是一個數組(儀表圖中設置的是一個數值),每種圖item的數據結構都不同,稍后逐一介紹.PS:這個很重要

    主要的方法只有四個

    1. add(item) 添加一個比較對象
    2. render(wrapper) 渲染,參數wrapper可以是<canvas></canvas>或<div></div>
    3. fail() 如果不支持圖表時,需要用到的方法(一般不會被用到)
    4. compose(otherChart) 組合其他的圖表


    1.餅型圖 Chart.Pie

    Js代碼
    1. var pie = new Chart.Pie({
    2. 'item' : [
    3. {'text':'IE', 'value' : '53.68%'},
    4. {'text':'Firefox', 'value' : '21.67%'},
    5. {'text':'Chrome', 'value' : '13.11%'},
    6. {'text':'Opera', 'value' : '1.73%'},
    7. {'text':'Safari', 'value' : '7.48%'},
    8. {'text':'Other', 'value' : '1.73%'}
    9. ],
    10. 'padding' : 55,
    11. 'showValue' : true
    12. }).render('canvas-wrapper');

    餅型圖item的數據結構是

    Js代碼
    1. [{'text':text,'value':value,'color':color}]

    • text 比較項的名稱
    • value 比較項的只,可以是Number或百分比型的
    • color 比較項的顏色(如果不特殊設定,使用默認顏色)

    一個餅型圖就這樣生成了,簡單不?


    如果想要鼠標滑動凸出扇形,將focusEvent設置為mousemove即可

    具體例子可以參見 http://everyjs.co.cc/demo.html#pie1


    該評論在 2013/8/16 9:24:15 編輯過
    admin
    2013年8月16日 9:24
    EveryChart教程(二)----柱形圖

    Chart.Bar柱形圖(條形圖),Chart.Line折線圖,Chart.Stack堆積圖還有Chart.Scatter分布圖都是坐標圖(Coord)的子類

    他們的公共屬性有

    • categories 比較項類別,如果同時設置了categories和categoryMax,categoryMin時,categories的優先級要大
    • categoryText 比較項類別名稱
    • categoryRotation 比較項類別刻度名稱的傾斜角度
    • categoryMax 比較項類別的最大值
    • categoryMin 比較項類別的最小值
    • categoryUnit 比較項類別間隔單位
    • valueText 數值項名稱
    • valueRotation 數值項刻度名稱的傾斜角度
    • valueMax 數值項最大值
    • valueMin 數值項最小值
    • valueUnit 數值項間隔單位
    • valueHalf 數值項間隔單位是否顯示半刻度
    • grid 網格顯示,如果為true同時顯示水平線和垂直線,如果為h或horizon只顯示水平線,如果為v或vertical只顯示垂直線


    這里主要講一下柱形圖的生成,如果要生成柱形圖確切的說是坐標圖,必須指定categories(或categoryMax,categoryMin,categoryUnit),valueMax,valueMin,valueUnit這些是構成2d坐標系的基本元素.


    其中categoryMax>categoryMin valueMax>valueMin 如果count = (max-min)/unit的結果不是整數時,count會自動取&gt;count的最小整數,也就是說在坐標軸顯示的max要大于categoryMax(valueMax),這點用戶只需要了解就可以


    柱形圖的item屬性的數據結構是

    Js代碼
    1. {'text':text,'value':[va1,val2,val3],'color':color}

    • text 柱形比較組的名稱
    • val1, val2, val3 表示同一組內比較項的數值
    • color 示柱的顏色,不是必填



    柱形圖的專有屬性有

    valueAxis 它表示對應的數值軸,默認值是"y"即表示y軸為數值軸, 當valueAxis為"x"時表示x軸為數值軸,也就是坐標軸倒置

    Js代碼
    1. new Chart.Bar({
    2. 'item' : [
    3. {'text':'A','value':[10,40,50,60]},
    4. {'text':'B','value':[20,70,80,90]},
    5. {'text':'C','value':[30,95,100,110]}
    6. ],
    7. 'categories':['2009','2010','2011','2012'],
    8. 'valueMax' : 110,
    9. 'valueMin' : 10,
    10. 'valueUnit' : 10
    11. }).render('canvas-wrapper');

    生成的圖標為



    下圖為設置了valueAxis:x



    生成的是橫向柱形圖,也就是條形圖


    該評論在 2013/8/16 9:24:42 編輯過
    admin
    2013年8月16日 9:25
    李永波
    李永波 回答于 2011-08-30 11:29
    舉報
    不錯 太漂亮了
    有幫助(0) | 沒幫助(0) | 評論(0) | 引用此評論
  • StarCraft
    StarCraft 回答于 2011-08-30 11:37
    舉報

    good tool~ thx for your sharing

    有幫助(0) | 沒幫助(0) | 評論(0) | 引用此評論
  • spf237333696
    spf237333696 回答于 2011-11-08 09:21
    舉報
    這個怎么用呀？能不能寫一個完整的列子給我呀！！！謝謝了！！！
    有幫助(0) | 沒幫助(0) | 評論(0) | 引用此評論
  • 兔寶寶
    兔寶寶 回答于 2011-11-08 09:26
    舉報

    不知道你想要什么樣的完整的例子? 在demo里已經講的很清楚了啊

    只是有一點需要注意 要在html完全加載完再創建使用, 也就是說在 body 的onload方法里調用

    或者如果你使用的是jquery需要再ready方法里使用

    有幫助(0) | 沒幫助(0) | 評論(0) | 引用此評論
  • jjj4801256
    jjj4801256 回答于 2012-04-06 10:44
    舉報

    <script language="javascript" type="text/javascript"
    src="style/Chart.js"></script>

    <script type="text/javascript">
    var pie = new Chart.Pie({
    'item' : [
    {'text':'IE', 'value' : '53.68%'},
    {'text':'Firefox', 'value' : '21.67%'},
    {'text':'Chrome', 'value' : '13.11%'},
    {'text':'Opera', 'value' : '1.73%'},
    {'text':'Safari', 'value' : '7.48%'},
    {'text':'Other', 'value' : '1.73%'}
    ],
    'padding' : 55,
    'showValue' : true
    }).render('canvas-wrapper');
    </script>

    </head>
    <body>

    </body>
    </html>
    新手，可時間很緊迫，能給說詳細么，謝謝

    有幫助(0) | 沒幫助(0) | 評論(0) | 引用此評論
  • 浩安
    浩安 回答于 2012-11-15 17:10
    舉報
    那如果用的是ZK呢？
    有幫助(0) | 沒幫助(0) | 評論(0) | 引用此評論
  • 浩安
    浩安 回答于 2012-11-19 16:36
    舉報

    結合ZK框架該怎么使用，有人用過嗎，給我發個完整Demo，569114553@qq.com，謝謝各位大俠

    歡迎回話.


    • 該評論在 2013/8/16 9:25:10 編輯過
    admin
    2013年8月16日 9:25
    everychart 到底怎么用啊，可以提供一個demo的html文件么
     

    @兔寶寶 你好，想跟你請教個問題：

    你的everychart看起來很不錯的樣子，但是到底是怎么用的啊，我一直看不到圖表顯示。可以給一個html的demo么？

    <html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>測試頁面-----d-</title>
<script src=Chart.js>

</script>
</head>
<body>

<script type="application/javascript">
var pie = new Chart.Pie({
            'item' : [
                {'text':'IE', 'value' : '53.68%'},
                {'text':'Firefox', 'value' : '21.67%'},
                {'text':'Chrome', 'value' : '13.11%'},
                {'text':'Opera', 'value' : '1.73%'},
                {'text':'Safari', 'value' : '7.48%'},
                {'text':'Other', 'value' : '1.73%'}
                ],
            'padding' : 55,
            'showValue' : true
        }).render();
</script>
</body>

</html>

    該評論在 2013/8/16 9:25:46 編輯過
    關鍵字查詢
    相關文章
    正在查詢...
    點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。
    點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理，結合碼頭的業務特點，圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體，是物流碼頭及其他港口類企業的高效ERP管理信息系統。
    點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。
    點晴免費OA是一款軟件和通用服務都免費，不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。
    Copyright 2010-2025 ClickSun All Rights Reserved