echarts柱状图，改变柱颜色,x轴,y轴,底部按钮文字颜色

Myth丶恋晨 2021-09-20 02:20 1225阅读 0赞

不墨迹直接上图:

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMDQzMzc3_size_16_color_FFFFFF_t_70

下面上代码:

  1. xAxis: {
  2.             type: 'category',
  3.             //设置坐标轴字体颜色和宽度
  4.             axisLine: {  //这是x轴文字颜色
  5.                 lineStyle: {
  6.                     color: "#fff",
  7.                 }
  8.             }
  9.         },
  10.         yAxis: {
  11.             type: 'value',
  12.             //设置坐标轴字体颜色和宽度
  13.             axisLine: {//这是y轴文字颜色
  14.                 lineStyle: {
  15.                     color: "#fff",
  16.                 }
  17.             }
  18. //下面是柱子的颜色
  20.      series: [
  21.                 {
  22.                     type: 'bar',
  23.                     itemStyle:{
  24.                         normal:{color:'#fff'}
  25.                     },
  26.                     label: {
  27.                         normal: {
  28.                             show: true,
  29.                             position: 'top'
  30.                         }
  31.                     },
  32.                 },
  33.                 {
  34.                     type: 'bar',
  35.                     itemStyle:{
  36.                         normal:{color:'#eee'}
  37.                     },
  38.                     label: {
  39.                         normal: {
  40.                             show: true,
  41.                             position: 'top'
  42.                         }
  43.                     },
  44.                 },
  45.                 {
  46.                     type: 'bar',
  47.                     itemStyle:{
  48.                         normal:{color:'#aaa'}
  49.                     },
  50.                     label: {
  51.                         normal: {
  52.                             show: true,
  53.                             position: 'top'
  54.                         }
  55.                     },
  56.                 }
  57.             ]
  58. //下面是标题颜色
  59.             title: {
  60.                 text: '时间',
  61.                 x:'center',
  62.                 textStyle: {//标题颜色
  63.                     color: "#fff"
  64.                 }
  65.             },
  66.   //下面是按钮文字颜色
  67.         legend: {
  68.                 bottom: 10,
  69.                 textStyle: {
  70.                     color: "#fff"
  71.                 }
  72.             },

发表评论

表情：
评论列表 （有 0 条评论，1225人围观）

还没有评论，来说两句吧...

相关阅读