王老师
|
企业内外部的统计信息是错综复杂、千变万化的，为了更好地展示它们及它们内在的关系，我们需要对这些信息的属性进行抽象化分析研究。当我们要以可视化的形式向用户展示统计信息时，一般包括：表现什么——主题特征、何处——空间属性、何时/多长时间——时间属性、程度——数量特征以及如何——变化特征等。图表有着自身的表达特性，尤其对时间、空间等概念的表达和一些抽象思维的表达具有文字和言辞无法取代的传达效果。 图表表达的特性归纳起来有如下几点： 首先具有表达的准确性，对所示事物的内容、性质或数量等处的表达应该准确无误。其次是信息表达的可读性，即在图表认识中应该通俗易懂，尤其是用于大众传达的图表。第三是图表设计的艺术性，图表是通过视觉的传递来完成，必须考虑到人们的欣赏习惯和审美情趣，这也是区别于文字表达的艺术特性。 那么我们在网站中如何将我们的文本数据可视化呢？随着编程技术的不断发展，我们的前辈们开发出了各种各样的图表控件，可以帮助我们将文本数据转化成各种各样的图表。那今天给大家介绍一个非常好用的一个图表控件——Highcharts。 Highcharts是一个功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库。Highcharts使用简单，它提供了近百种图表类型，用户可以给自己的图表设置不同的风格样式，它还提供用户打印图表和下载图表的功能。下面介绍一下Highcharts使用步骤，这里我们以一个折线图为例。下表是我们的文本数据《各大城市月度气温表》。
《各大城市月度气温表》 步骤一：新建一个网页，可以是html也可以是jsp。 步骤二：在该网页内引入jquery.js.(可以是本地的也可以是在线的) 步骤三：在该网页内引入Highcharts提供的2个js文件highcharts.js和exporting.js 步骤四：在该网页内添加一个div，指定其id名称和宽度高度（这是存放图表的盒子）。 步骤五：添加脚本，将文本转换成图表。 步骤六：如果需要设置图表的外观主题样式，需要指定Highcharts.theme，这里不做详解。 |
