腳本之家服務器常用軟件

快捷導航

Highcharts(JavaScript圖表庫) v12.2.0

JavaScript圖表庫下載

投訴報錯

源碼大?。?span>22.6MB
源碼語言：簡體中文
源碼類型：國產(chǎn)軟件
源碼授權(quán)：免費軟件
源碼類別：java源碼
應用平臺：Javascript
更新時間：2025-05-03
網(wǎng)友評分：

360通過騰訊通過金山通過

22.6MB

詳情介紹

Highcharts是一個制作圖表的純Javascript類庫。

Highcharts主要特性：

1、兼容性：兼容當今所有的瀏覽器，包括iPhone、IE和火狐等等；

2、對個人用戶完全免費；

3、純JS，無BS；

4、支持大部分的圖表類型：直線圖，曲線圖、區(qū)域圖、區(qū)域曲線圖、柱狀圖、餅狀圖、散布圖；

5、跨語言：不管是PHP、Asp.net還是Java都可以使用，它只需要三個文件：一個是Highcharts的核心文件highcharts.js，還有a canvas emulator for IE和Jquery類庫或者MooTools類庫；

6、提示功能：鼠標移動到圖表的某一點上有提示信息；

7、放大功能：選中圖表部分放大，近距離觀察圖表；

8、易用性：無需要特殊的開發(fā)技能，只需要設置一下選項就可以制作適合自己的圖表；

9、時間軸：可以精確到毫秒；

下面我們來演示如何使用elton返回Hello, World!，并且添加了一些常用的中間件

package main
import (
	"github.com/vicanso/elton"
	"github.com/vicanso/elton/middleware"
)
func main() {
	e := elton.New()
	// panic處理
	e.Use(middleware.NewRecover())
	// 出錯處理
	e.Use(middleware.NewDefaultError())
	// 默認的請求數(shù)據(jù)解析
	e.Use(middleware.NewDefaultBodyParser())
	// not modified 304的處理
	e.Use(middleware.NewDefaultFresh())
	e.Use(middleware.NewDefaultETag())
	// 響應數(shù)據(jù)轉(zhuǎn)換為json
	e.Use(middleware.NewDefaultResponder())
	e.GET("/", func(c *elton.Context) error {
		c.Body = &struct {
			Message string `json:"message,omitempty"`
		}{
			"Hello, World!",
		}
		return nil
	})
	e.GET("/books/{id}", func(c *elton.Context) error {
		c.Body = &struct {
			ID string `json:"id,omitempty"`
		}{
			c.Param("id"),
		}
		return nil
	})
	e.POST("/login", func(c *elton.Context) error {
		c.SetContentTypeByExt(".json")
		c.Body = c.RequestBody
		return nil
	})
	err := e.ListenAndServe(":3000")
	if err != nil {
		panic(err)
	}
}

go run main.go

之后在瀏覽器中打開http://localhost:3000/則能看到返回的Hello, World!。

路由

elton每個路由可以添加多個中間件處理函數(shù)，根據(jù)路由與及HTTP請求方法指定不同的路由處理函數(shù)。而全局的中間件則可通過Use方法來添加。

e.Use(...func(*elton.Context) error)
e.Method(path string, ...func(*elton.Context) error)

e 為elton實例化對象

Method 為HTTP的請求方法，如：GET, PUT, POST等等

path 為HTTP路由路徑

func(*elton.Context) error 為路由處理函數(shù)（中間件），當匹配的路由被請求時，對應的處理函數(shù)則會被調(diào)用

路由示例

elton的路由使用chi的路由簡化而來，下面是兩個簡單的示例。

// 帶參數(shù)路由
e.GET("/users/{type}", func(c *elton.Context) error {
	c.BodyBuffer = bytes.NewBufferString(c.Param("type"))
	return nil
})
// 復合參數(shù)
e.GET("/books/{category:[a-z-]+}-{type}", func(c *elton.Context) error {
	c.BodyBuffer = bytes.NewBufferString(c.Param("category") + c.Param("type"))
	return nil
})
// 帶中間件的路由配置
e.GET("/users/me", func(c *elton.Context) error {
	c.Set("account", "tree.xie")
	return c.Next()
}, func(c *elton.Context) error {
	c.BodyBuffer = bytes.NewBufferString(c.GetString("account"))
	return nil
})

中間件

簡單方便的中間件機制，依賴各類定制的中間件，通過各類中間件的組合，方便快捷實現(xiàn)各類HTTP服務，簡單介紹數(shù)據(jù)響應與出錯處理的中間件。需要注意，elton中默認不會執(zhí)行所有的中間件，每個中間件決定是否需要執(zhí)行后續(xù)處理，如果需要則調(diào)用Next()函數(shù)，與gin不一樣(gin默認為執(zhí)行所有，若不希望執(zhí)行后續(xù)的中間件，則調(diào)用Abort)。

responder

HTTP請求響應數(shù)據(jù)時，需要將數(shù)據(jù)轉(zhuǎn)換為Buffer返回，而在應用時響應數(shù)據(jù)一般為各類的struct或map等結(jié)構(gòu)化數(shù)據(jù)，因此elton提供了Body(interface{})字段來保存這些數(shù)據(jù)，再使用自定義的中間件將數(shù)據(jù)轉(zhuǎn)換為對應的字節(jié)數(shù)據(jù)，elton-responder提供了將struct(map)轉(zhuǎn)換為json字節(jié)并設置對應的Content-Type，對于string([]byte)則直接輸出。

package main
import (
	"github.com/vicanso/elton"
	"github.com/vicanso/elton/middleware"
)
func main() {
	e := elton.New()
	// 對響應數(shù)據(jù) c.Body 轉(zhuǎn)換為相應的json響應
	e.Use(middleware.NewDefaultResponder())
	getSession := func(c *elton.Context) error {
		c.Set("account", "tree.xie")
		return c.Next()
	}
	e.GET("/users/me", getSession, func(c *elton.Context) (err error) {
		c.Body = &struct {
			Name string `json:"name"`
			Type string `json:"type"`
		}{
			c.GetString("account"),
			"vip",
		}
		return
	})
	err := e.ListenAndServe(":3000")
	if err != nil {
		panic(err)
	}
}

error

當請求處理失敗時，直接返回error則可，elton從error中獲取出錯信息并輸出。默認的出錯處理并不適合實際應用場景，建議使用自定義出錯類配合中間件，便于統(tǒng)一的錯誤處理，程序監(jiān)控，下面是引入錯誤中間件將出錯轉(zhuǎn)換為json形式的響應。

package main
import (
	"github.com/vicanso/elton"
	"github.com/vicanso/elton/middleware"
	"github.com/vicanso/hes"
)
func main() {
	e := elton.New()
	// 指定出錯以json的形式返回
	e.Use(middleware.NewError(middleware.ErrorConfig{
		ResponseType: "json",
	}))
	e.GET("/", func(c *elton.Context) (err error) {
		err = &hes.Error{
			StatusCode: 400,
			Category:   "users",
			Message:    "出錯啦",
		}
		return
	})
	err := e.ListenAndServe(":3000")
	if err != nil {
		panic(err)
	}
}

圖表庫 javascript Highcharts

下載地址

下載錯誤？【投訴報錯】