首页 > 编程知识 正文

html折线图插件,html怎么做柱状图

时间:2023-05-03 16:09:45 阅读:177205 作者:931

折线图. demo {

边距: 50px自动;

width: 600px;

height: 300px;

}

var category3=['0-2','2-4','4-6','6-8','8-10 ',' 10-12 ',' 12-14 ',' 14,' 16 '

varmain3=newhxcHartline('main3',category3);

main3.init (;

main3.option.xAxis.axisTick={

interval: 0,

alignWithLabel: true

(;

main3. option.xaxis.axis label.interval=0;

main3.option.yAxis.splitLine={

线样式: {

类型: ' dashed '

}

(;

main3. option.xaxis.boundary gap=true;

main3. option.xaxis.axis label.rotate=30;

main3.putData (《特困时段统计》,9 ) )。

main3.putData (《特困时段统计》,8 ) )。

main3.putData (《特困时段统计》,15 )。

main3.putData (《特困时段统计》,5 ) )。

main3.putData (《特困时段统计》,1 ) )。

main3.putData (《特困时段统计》,6 ) )。

main3.putData (《特困时段统计》,8 ) )。

main3.trim (;

main3. option.series [0].areastyle={

color: {

类型: ' linear ',

x: 0,

y: 0、

x2: 0,

y2: 1,

colorStops: [{

offset: 0、color: '#ff9600' //0%下的颜色

、{

offset: 1、color: '#ff960000' //100%下的颜色

()、

global: false //默认值为false

}

(;

main3. option.series [0].item style={

color: '#df8300 '

}

main3.option.grid.top=30;

main3.option.grid.left=10;

main3.option.yAxis.name='单位: '

main3.init (;

一键复制

编辑

网络ide

原始数据

按行显示

历史学家

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。