zoukankan      html  css  js  c++  java
  • highchart

    highchart使用方法API说的清楚了在此就不再多做阐述,主要记录一下需要注意的小细节

    1.有关曲线颜色的色值选择

     原来插件里有默认的10个颜色值,自己也可以根据默认的色值来选择自己想要的。选择方法是:

    series: [
     {
      name: 'VoiceOver',
      data: [6, 20.2, 30.7, 36.8, 30.9],
      website: 'http://www.apple.com/accessibility/osx/voiceover',
      dashStyle: 'ShortDot',
      color: Highcharts.getOptions().colors[7]       //这里是自己选择默认色值的用法

    }

    colors: ['#058DC7', '#ff5b64'] 

    这是自己定义曲线的颜色,一般是画几条线就这里就写几个色值。

    2.暂说两种显示效果:一种是直接显示数据,一种是鼠标浮上去显示的

    根据测试,这两种效果不能同时使用。

    直接显示数据的:

    plotOptions: {
      line: {
        dataLabels: {
          enabled: true, // 开启数据标签
          style:{
            'fontSize':'16px',
          },
        },
      enableMouseTracking: false // 关闭鼠标跟踪,对应的提示框、点击事件会失效
      }
    },

    浮上去显示的:

    tooltip: {
      borderRadius: 5
    }

  • 相关阅读:
    SpringCloud大白话之服务注册中心
    Spring事物白话文
    spring的IOC过程剖析
    2、Spring-RootApplicationContext-refresh
    1、spring与springmvc父子容器
    mysql 5.7 主从设置
    centos7下安装oracle11gR2
    lepus安装报错处理
    centos 6.9安装nginx1.4
    Linux 面试题 合集
  • 原文地址:https://www.cnblogs.com/wanan-01/p/8275059.html
Copyright © 2011-2022 走看看