js highcharts拆线图

 var differDay = "<?=$differDay?>";var isRegion = <?=$isRegion?>;//单条曲线图付费金额数据和配置var myDate = new Date();var time = myDate.getTime();console.log(time);var date = new Date(time - 15 * 24 * 3600 * 1000);//15天前的时间戳var param = {'time': time};if(differDay!=1){//区间日期筛选时time = "<?=($etime+1)*1000?>";date = new Date(<?=$stime*1000?>);param = {'time': time,'differDay':differDay};}if(isRegion==1&&differDay==1){time = "<?=($etime+1)*1000?>";date = new Date(<?=$stime*1000?> - 15 * 24 * 3600 * 1000);//15天前的时间戳param = {'time': time,'differDay':differDay};}var xAxis = {type: 'datetime',tickInterval:  24 * 36e5, // one daylabels: {format: '{value: %m/%d}',align: 'right',rotation: -30}};var yAxis =  {max: 0};var series=  [{data: [],pointInterval: 24 * 36e5,// 比当前时间差4天pointStart: Date.UTC(date.getFullYear(), date.getMonth(), date.getDate())}];var opt1 = {plotOptions: {series: {label: {connectorAllowed: false},}},// 前15天// 设置x轴xAxis: xAxis,yAxis: yAxis,series:series,responsive: {rules: [{condition: {maxWidth: 500},chartOptions: {legend: {layout: 'horizontal',align: 'center',verticalAlign: 'bottom'}}}]},};$(function(){var url =  $('#a-tab-1').attr('data-url');MXHY.send(url, param, 'get', function (res) {eval("opt1").yAxis.max = res['max'];eval("opt1").series[0].name = '付费金额';eval("opt1").series[0].data = res['data'];MXHY.hchart('container1',  eval("opt1"));});});

 /*** 图表.** @param obj* @param opt*/this.hchart = function (id, opts) {var options = {};// 公共配置var common = {title: {text: ''},subtitle: {text: ''},yAxis: {title: {text: ''}},credits: {enabled: false // 禁用版权信息},tooltip: {enabled: true,},legend: {enabled:false,},};// 合并参数$.extend(options, common, opts);try {Highcharts.chart(id, options);} catch (e) {console.error('对像不存在');}};

js highcharts拆线图相关推荐

JavaScript的案例（数据校验，js轮播图，页面定时弹窗）
1.数据校验步骤 1.确定事件(onsubmit)并绑定一个函数 2.书写这个函数,获取数据,并绑定id ...
vue.js 引用背景图 background 无效的3种解决办法
#vue.js项目中,出现css调用background背景图无效?如何解决? 或者调用<img>标签,也无效果? 直接上代码,自行对比查找一下: 效果图预览 1. 正确的代码,示例如下: ...
Flutter 饼状图、柱状图、拆线图、Flutter动态饼图、Flutter图表 flutter_echart 开发文档
在码农的世界里,优美的应用体验,来源于程序员对细节的处理以及自我要求的境界,年轻人也是忙忙碌碌的码农中一员,每天.每周,都会留下一些脚印,就是这些创作的内容,有一种执着,就是不知为什么,如果你迷茫,不 ...
php 走马灯轮播,Vue.js轮播图走马灯代码实例（全）
这个是html, 数据中我用了一个数组来放图片的目录, data() { return { superurl: [ { url: '', img: '../../../../static/image/ ...
dva.js 知识导图
dva.js 知识导图 JavaScript 语言变量声明 const 和 let 模板字符串默认参数箭头函数模块的 Import 和 Export ES6 对象和数组析构赋值对象字面量改 ...
highcharts 折线图和柱状图读取 json值
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Xian.aspx.cs&q ...
Echart.js的趋势图入门与实例
在平时开发项目时,免不了需要对数据进行图表显示的需求,比如:趋势图.饼状图.柱形图等.自己身为一个PHPer,除了PHP本身的功能,不得不需要借助js来实现显示.在了解众多趋势图插件,国内外开源的项目 ...
利用百度Echarts.js生成雷达图
一.下载地址:http://echarts.baidu.com/ 二.看文档(必须的).可选择的看,先完成想要的功能,再扩展. 三.使用推荐的模块化单文件引入. 在在dist文件夹下会有 echa ...
如何使用JS实现banner图滚动
通过JS实现banner图的滚动主要是定时器的应用先新建好banner图的几张图片,最后一张与第一张用同一个,保证滚动的不间断改好样式,需注意所有图片要在同行显示,否则不能向左滚动声明一个函数, ...
d3.js一个面积图的案例(包含brush与zoom)
d3.js 一个面积图的案例(包含brush与zoom) 参考链接:http://www.a4z.cn/pui/ant-admin.html#/simple-area-chart const rawD ...

js highcharts拆线图

js highcharts拆线图相关推荐

最新文章

热门文章