hicharts读取mysql_HighCharts从数据库中读取数据

jQuery.ajax({

type:"get",

url:"/value",

dataType:"json",

success: function(data) {for(var i=0;i

dataMoths.push(data.dateSet[i].month);

dataValue.push(data.dateSet[i].value);

}//alert(dataMoths);

$('#container').highcharts({

title: {

text:'Monthly Average Temperature',//标题

x: -20 //center 设置标题的位置

},

subtitle: {

text:'Source: WorldClimate.com', //副标题

x: -20 //副标题位置

},

credits:{//右下角的文本

enabled: false,

position: {//位置设置

align: 'right',

x:-10,

y:-10},

href:"http://www.highcharts.com",//点击文本时的链接

style: {

color:'blue'},

text:"Highcharts Demo"//显示的内容

},

xAxis: {//横轴的数据

categories: dataMoths

},

yAxis: {//纵轴的数据

title: {

text:'Temperature (°C)'},

plotLines: [{

value:0,

width:1,

}]

},

tooltip: {//鼠标移到图形上时显示的提示框

valueSuffix: '°C'},///*配置数据点选项*///plotOptions: {//spline: {//marker: {//enabled: false//}//},//line: {//dataLabels: {//enabled: false//},//enableMouseTracking: true//},//series: {//marker: {//enabled: false//}//}//},

legend: {

layout:'vertical',

align:'right',

verticalAlign:'middle',

enabled:false,//去掉右边的 name

borderWidth: 0},

series: [{

name:'London',

data:dataValue

}]

});

}

});

});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
引用提到了一个基于Python的第三方库python-highcharts,该库可以帮助不擅长前端语言的人使用Highcharts来创建图表。你可以在GitHub上找到该库的详细说明和使用方法。引用给出了一个使用python-highcharts库创建区间柱状图的示例代码,其使用了最小值和最大值来表示区间范围,并设置了图表的各种属性和样式。引用则提供了一个使用pandas和pandas_highcharts库创建折线图的示例代码,其使用了DataFrame的数据来添加折线图的数值。 所以,pandas_highcharts是一个用于在Python创建图表的库,它可以与pandas库一起使用,方便地将数据可视化为各种类型的图表,包括区间柱状图和折线图。这个库的使用方法可以参考以上提到的示例代码和GitHub上的文档。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [又一个可视化神器Highcharts,Python版也有哦!](https://blog.csdn.net/lemonbit/article/details/114324625)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *3* [在使用Python Pyecharts可视化库显示Pandas数据图时无法正常显示的错误及解决方法](https://blog.csdn.net/weixin_55674264/article/details/116431034)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值