腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

Highcharts(JavaScript圖表庫(kù)) v12.2.0

JavaScript圖表庫(kù)下載

投訴報(bào)錯(cuò)

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

360通過(guò) 騰訊通過(guò) 金山通過(guò)

22.6MB

詳情介紹

Highcharts是一個(gè)制作圖表的純Javascript類庫(kù)。

Highcharts主要特性：

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

2、對(duì)個(gè)人用戶完全免費(fèi)；

3、純JS，無(wú)BS；

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

5、跨語(yǔ)言：不管是PHP、Asp.net還是Java都可以使用，它只需要三個(gè)文件：一個(gè)是Highcharts的核心文件highcharts.js，還有a canvas emulator for IE和Jquery類庫(kù)或者M(jìn)ooTools類庫(kù)；

6、提示功能：鼠標(biāo)移動(dòng)到圖表的某一點(diǎn)上有提示信息；

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

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

9、時(shí)間軸：可以精確到毫秒；

下面我們來(lái)演示如何使用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())
	// 出錯(cuò)處理
	e.Use(middleware.NewDefaultError())
	// 默認(rèn)的請(qǐng)求數(shù)據(jù)解析
	e.Use(middleware.NewDefaultBodyParser())
	// not modified 304的處理
	e.Use(middleware.NewDefaultFresh())
	e.Use(middleware.NewDefaultETag())
	// 響應(yīng)數(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每個(gè)路由可以添加多個(gè)中間件處理函數(shù)，根據(jù)路由與及HTTP請(qǐng)求方法指定不同的路由處理函數(shù)。而全局的中間件則可通過(guò)Use方法來(lái)添加。

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

e 為elton實(shí)例化對(duì)象

Method 為HTTP的請(qǐng)求方法，如：GET, PUT, POST等等

path 為HTTP路由路徑

func(*elton.Context) error 為路由處理函數(shù)（中間件），當(dāng)匹配的路由被請(qǐng)求時(shí)，對(duì)應(yīng)的處理函數(shù)則會(huì)被調(diào)用

路由示例

elton的路由使用chi的路由簡(jiǎn)化而來(lái)，下面是兩個(gè)簡(jiǎn)單的示例。

// 帶參數(shù)路由
e.GET("/users/{type}", func(c *elton.Context) error {
	c.BodyBuffer = bytes.NewBufferString(c.Param("type"))
	return nil
})
// 復(fù)合參數(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
})

中間件

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

responder

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

package main
import (
	"github.com/vicanso/elton"
	"github.com/vicanso/elton/middleware"
)
func main() {
	e := elton.New()
	// 對(duì)響應(yīng)數(shù)據(jù) c.Body 轉(zhuǎn)換為相應(yīng)的json響應(yīng)
	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

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

package main
import (
	"github.com/vicanso/elton"
	"github.com/vicanso/elton/middleware"
	"github.com/vicanso/hes"
)
func main() {
	e := elton.New()
	// 指定出錯(cuò)以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:    "出錯(cuò)啦",
		}
		return
	})
	err := e.ListenAndServe(":3000")
	if err != nil {
		panic(err)
	}
}

圖表庫(kù) javascript Highcharts

下載地址

下載錯(cuò)誤？【投訴報(bào)錯(cuò)】