CSS
文章平均质量分 95
新老农
这个作者很懒,什么都没留下…
展开
-
混淆矩阵-- 笛卡尔坐标系上的热力图
app.title = '笛卡尔坐标系上的热力图';var hours = ['12a', '1a', '2a', '3a', '4a', '5a', '6a', '7a', '8a', '9a','10a','11a', '12p', '1p', '2p', '3p', '4p', '5p', '6p', '7p', '8p', '9p', '10p', '11p'];var days = ['Saturday', 'Friday', 'Thursd.原创 2020-08-03 14:21:09 · 2586 阅读 · 0 评论 -
echarts属性的设置(完整大全)
// 全图默认背景// backgroundColor: ‘rgba(0,0,0,0)’,// 默认色板color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0', '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700', '#6699FF','#ff6666','#3cb371转载 2020-08-01 10:43:39 · 13325 阅读 · 2 评论 -
统计组合图:实例二
index.blade.php<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>融裕行计划订单平衡概览</title> <link rel="stylesheet" href="./eslydsj/css...原创 2020-02-19 10:38:19 · 235 阅读 · 0 评论 -
统计组合图:实例一
index.blade.php<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpo...原创 2020-02-19 10:07:01 · 477 阅读 · 0 评论 -
JS,统计图表大全--十二、地图
// 秋雁南飞:// 此版本通过设置geoindex && seriesIndex: [1] 属性来实现geo和map共存,来达到hover散点和区域显示tooltip的效果// 默认情况下,map series 会自己生成内部专用的 geo 组件。但是也可以用这个 geoIndex 指定一个 geo 组件。这样的话,map 和 其他 series(例如散点图)就可以共享一个...原创 2020-02-19 09:43:09 · 1471 阅读 · 0 评论 -
JS,统计图表大全--十一、甘特图
十一、甘特图简单甘特图Highcharts.chart('container', { chart: { type: 'xrange' }, title: { text: '简易甘特图' }, xAxis: { type: 'datetime', dateTimeLabelFormats: ...原创 2020-01-22 17:12:47 · 1781 阅读 · 3 评论 -
JS,统计图表大全--十、漏斗图Funnel
十、漏斗图Funneloption = { title: { text: '漏斗图', subtext: '纯属虚构' }, tooltip: { trigger: 'item', formatter: "{a} <br/>{b} : {c}%" }, toolbox: { ...原创 2020-01-22 17:05:01 · 1640 阅读 · 0 评论 -
JS,统计图表大全--九、富文本Rich Text
九、富文本Rich Textvar weatherIcons = { 'Sunny': ROOT_PATH + 'data/asset/img/weather/sunny_128.png', 'Cloudy': ROOT_PATH + 'data/asset/img/weather/cloudy_128.png', 'Showers': ROOT_PATH + 'dat...原创 2020-01-22 17:02:39 · 444 阅读 · 0 评论 -
JS,统计图表大全--八、旭日图Sunburst
八、旭日图Sunburstvar data = [{ name: 'Grandpa', children: [{ name: 'Uncle Leo', value: 15, children: [{ name: 'Cousin Jack', value: 2 }, {...原创 2020-01-22 17:00:36 · 651 阅读 · 0 评论 -
JS,统计图表大全--七、拖拽 Drag
七、拖拽 Drag代码:var symbolSize = 20;var data = [[15, 0], [-50, 10], [-56.5, 20], [-46.5, 30], [-22.1, 40]];option = { title: { text: 'Try Dragging these Points' }, tooltip: { ...原创 2020-01-22 16:57:51 · 507 阅读 · 0 评论 -
JS,统计图表大全--六、数据集 Dataset
六、数据集 Dataset代码:option = { legend: {}, tooltip: {}, dataset: { source: [ ['product', '2015', '2016', '2017'], ['Matcha Latte', 43.3, 85.8, 93.7], ...原创 2020-01-22 16:55:56 · 600 阅读 · 0 评论 -
JS,统计图表大全--五、日历坐标系 Calendar
五、日历坐标系 Calendarfunction getVirtulData(year) { year = year || '2017'; var date = +echarts.number.parseDate(year + '-01-01'); var end = +echarts.number.parseDate((+year + 1) + '-01-01');...原创 2020-01-22 16:50:00 · 699 阅读 · 0 评论 -
JS,统计图表大全--四、仪表盘 Gauge
四、仪表盘 Gauge<!DOCTYPE HTML><html> <head> <meta charset="utf-8"><link rel="icon" href="https://jscdn.com.cn/highcharts/images/favicon.ico"> <meta n...原创 2020-01-22 16:43:26 · 1705 阅读 · 0 评论 -
JS,统计图表大全--三、饼形图(饼图及环形图)
HTML参考<!DOCTYPE HTML><html> <head> <meta charset="utf-8"><link rel="icon" href="https://jscdn.com.cn/highcharts/images/favicon.ico"> <meta name="...原创 2020-01-22 16:39:24 · 3670 阅读 · 0 评论 -
JS,统计图表大全--二、柱形图(柱状图及条形图)Bar
二、柱状图 Bar<!DOCTYPE HTML><html> <head> <meta charset="utf-8"><link rel="icon" href="https://jscdn.com.cn/highcharts/images/favicon.ico"> <meta nam...原创 2020-01-22 16:29:07 · 2784 阅读 · 0 评论 -
JS,统计图表大全--一、折线图 Line
一、拆线图option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [{ data: [8...原创 2020-01-15 17:57:26 · 3188 阅读 · 0 评论