成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

美化Highcharts插件 react-beauty-highcharts

Youngdze / 2098人閱讀

摘要：太丑了有木有修改好費(fèi)勁所以有了這個(gè)插件輪子地址使用說(shuō)明安裝安裝安裝結(jié)合使用粉色

HighCharts太丑了,有木有
HighCharts修改好費(fèi)勁
所以有了這個(gè)插件輪子

git地址

使用說(shuō)明 安裝
npm安裝
npm install react-beauty-highcharts
yarn安裝
yarn add react-beauty-highcharts
結(jié)合 react-highcharts使用
import beautyHighcharts from "react-beauty-highcharts";
const ReactHighcharts = require("react-highcharts"); 

let config = beautyHighcharts.doubleLine()
config.series[0].data =[
      369, 640, 1005, 1436, 2063, 3057, 4618, 6444, 9822, 15468,
      20434, 24126, 27387, 29459, 31056, 31982, 32040, 31233, 29224, 27342,
      26662, 26956, 27912, 28999, 28965, 27826, 25579, 25722, 24826, 24605,
      24304, 23464, 23708, 24099, 24357, 24237, 24401, 24344, 23586, 22380,
      21004, 17287, 14747, 13076, 12555, 12144, 11009, 10950, 10871, 10824,
      10577, 10527, 10475, 10421, 10358, 10295, 10104, 9914, 9620, 9326,
      5113, 5113, 4954, 4804, 4761, 4717, 4368, 4018
    ]
    config.series[1].data =[
      5, 25, 50, 120, 150, 200, 426, 660, 869, 1060,
      1605, 2471, 3322, 4238, 5221, 6129, 7089, 8339, 9399, 10538,
      11643, 13092, 14478, 15915, 17385, 19055, 21205, 23044, 25393, 27935,
      30062, 32049, 33952, 35804, 37431, 39197, 45000, 43000, 41000, 39000,
      37000, 35000, 33000, 31000, 29000, 27000, 25000, 24000, 23000, 22000,
      21000, 20000, 19000, 18000, 18000, 17000, 16000, 15537, 14162, 12787,
      12600, 11400, 5500, 4512, 4502, 4502, 4500, 4500
    ]
render() {
    
}

pink粉色
let config = beautyHighcharts.doubleLine(["pink"])

columns
import beautyHighcharts from "react-beauty-highcharts";

let config = beautyHighcharts.columns()

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/100543.html

相關(guān)文章

  • 淺析webpack源碼之Stat.js粗解(十）

    摘要：從出來(lái)接著我們看大法，打印一下感覺(jué)之前所以的對(duì)象都放在了一個(gè)合集里，給人而全的感覺(jué)里面主要含有一個(gè)對(duì)象，，輸出的，等給每次打包一個(gè)值，代表唯一性天啊 從compilation出來(lái)接著我們看 const stats = new Stats(compilation); Stats.js log大法，打印一下 stats let Stats = { compilation:{ ...

    Andrman 評(píng)論0 收藏0

  • 淺析webpack源碼之convert-argv模塊（二）

    摘要：接下來(lái)我看看一下函數(shù)我們先按照分支走為讀取是里的對(duì)象，饒了這大的一個(gè)圈子，那么接下來(lái)一起來(lái)看一看對(duì)你的輸入配置做了怎么樣的處理吧 打開(kāi)webpeck-cli下的convert-argv.js文件 // 定義options為空數(shù)組 const options = []; // webpack -d 檢查 -d指令 if (argv.d) { //... } ...

    lemon 評(píng)論0 收藏0

  • 淺析webpack源碼之前言（一）

    為什么讀webpack源碼 因?yàn)榍岸丝蚣茈x不開(kāi)webpack，天天都在用的東西啊，怎能不研究 讀源碼能學(xué)到很多做項(xiàng)目看書(shū)學(xué)不到的東西，比如說(shuō)架構(gòu)，構(gòu)造函數(shù)，es6很邊緣的用法，甚至給函數(shù)命名也會(huì)潛移默化的影響等 想寫(xiě)源碼，不看源碼怎么行，雖然現(xiàn)在還不知道寫(xiě)什么，就算不寫(xiě)什么，看看別人寫(xiě)的總可以吧 知道世界的廣闊，那么多插件，那么多軟件開(kāi)發(fā)師，他們?cè)谧鍪裁矗瑯邮菍?xiě)js的，怎么他們能這么偉大 好奇...

    suosuopuo 評(píng)論0 收藏0

  • 淺析webpack源碼之Compilation.js粗解(九)

    摘要：編寫(xiě)良好的模塊提供了可靠的抽象和封裝邊界，構(gòu)成了一致的設(shè)計(jì)和明確的目的。塊此特定術(shù)語(yǔ)在內(nèi)部用于管理捆綁過(guò)程。捆綁包由塊組成，其中有幾種類型例如入口和子?？偨Y(jié)一個(gè)塊是進(jìn)程中的一組模塊，一個(gè)是一個(gè)發(fā)出的塊或一組塊。 我們先看一下 compilation是什么？是一個(gè)很大的對(duì)象打印key值 [ _pluginCompat, hooks, name, compiler, res...

    Tangpj 評(píng)論0 收藏0

  • WEB前端資源集（一）

    摘要：資源網(wǎng)站篇全球最大中文社區(qū)，為專業(yè)技術(shù)人員提供最全面的信息傳播和服務(wù)平臺(tái)伯樂(lè)在線專業(yè)的互聯(lián)網(wǎng)職業(yè)社區(qū)創(chuàng)意工作者們的社區(qū)。 做前端已經(jīng)一年了，開(kāi)發(fā)中換過(guò)很多開(kāi)發(fā)工具，遇到bug到處求解，以及自學(xué)時(shí)到處找相關(guān)文章及教程，所以經(jīng)過(guò)這么多的風(fēng)波，我總結(jié)了一些對(duì)大家有幫助的網(wǎng)站，主題也將長(zhǎng)期更新。 資源網(wǎng)站篇 CSDN：全球最大中文IT社區(qū)，為IT專業(yè)技術(shù)人員提供最全面的信息傳播和服務(wù)平臺(tái) ...

    OnlyMyRailgun 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<