How to set the legend icons of a google line chart as lines not squares -

-

i've been trying figure out how first chart in this jsfiddle has legend icons lines instead of squares. compared line chart legend here has squares icons. think has x axis being date, doesn't seem work data. does know how explicitly set icons of google line chart legend lines , not squares?

these chart options correctly displaying line chart: 

var classicoptions = {         title: 'average temperatures , daylight in iceland throughout year',         width: 900,         height: 500,         // gives each series axis matches vaxes number below.         series: {           0: {targetaxisindex: 0},           1: {targetaxisindex: 1}         },         vaxes: {           // adds titles each axis.           0: {title: 'temps (celsius)'},           1: {title: 'daylight'}         },         haxis: {           ticks: [new date(2014, 0), new date(2014, 1), new date(2014, 2), new date(2014, 3),                   new date(2014, 4),  new date(2014, 5), new date(2014, 6), new date(2014, 7),                   new date(2014, 8), new date(2014, 9), new date(2014, 10), new date(2014, 11)                  ]         },         vaxis: {           viewwindow: {             max: 30           }         },           legend: {position: 'bottom'}       };

in fact, if using latest version (v1.1) of google.visualization.linechart legend rendered using line style demonstrated below.

example

google.setonloadcallback(drawchart);    function drawchart() {      var data = google.visualization.arraytodatatable([        ['year', 'sales', 'expenses'],        ['2004', 1000, 400],        ['2005', 1170, 460],        ['2006', 660, 1120],        ['2007', 1030, 540]      ]);        var options = {          title: 'company performance',          curvetype: 'function',          legend: { position: 'bottom' }      };        var chart = new google.visualization.linechart(document.getelementbyid('chart'));      chart.draw(data, options);  }
<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['corechart']}]}"></script>  <div id="chart" style="width: 640px; height: 480px"></div>

in prevision version legend rendered boxed icons.

example

google.setonloadcallback(drawchart);    function drawchart() {      var data = google.visualization.arraytodatatable([        ['year', 'sales', 'expenses'],        ['2004', 1000, 400],        ['2005', 1170, 460],        ['2006', 660, 1120],        ['2007', 1030, 540]      ]);        var options = {          title: 'company performance',          curvetype: 'function',          legend: { position: 'bottom' }      };        var chart = new google.visualization.linechart(document.getelementbyid('chart'));      chart.draw(data, options);  }
<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.0','packages':['corechart']}]}"></script>  <div id="chart" style="width: 640px; height: 480px"></div>

note: difference between 2 examples version of library

regarding customizing chart legend.

according configuration options following legend properties customized:

  • alignment alignment of legend
  • maxlines maximum number of lines in legend
  • position position of legend
  • textstyle object specifies legend text style.

since there no property specifies icon style, in order create more customized legend disable chart legend , create custom 1 using html/css.


Comments

Post a Comment

Popular posts from this blog

Java 3D LWJGL collision -

-
i making 3d java game lwjgl library, , wondering how add collision detection, player not go through models. i using obj models. here objloader class, loads models: package renderengine; import java.io.bufferedreader; import java.io.file; import java.io.filenotfoundexception; import java.io.filereader; import java.util.arraylist; import java.util.list; import models.rawmodel; import org.lwjgl.util.vector.vector2f; import org.lwjgl.util.vector.vector3f; public class objloader { public static rawmodel loadobjmodel(string filename, loader loader){ filereader fr = null; try { fr = new filereader(new file("res/"+filename+".obj")); } catch (filenotfoundexception e) { system.err.println("couldn't load file!"); e.printstacktrace(); } bufferedreader reader = new bufferedreader(fr); string line; list<vector3f> vertices = new arraylist<vector3f...
Read more

spring - SubProtocolWebSocketHandler - No handlers -

-
i have ugly error during deploying spring app on jboss. 18:11:16,025 error [org.apache.catalina.core.containerbase.[jboss.web].[default-host].[/consumer]] (msc service thread 1-7) exception sending context initialized event listener instance of class org.springframework.web.context.contextloaderlistener: org.springframework.context.applicationcontextexception: failed start bean 'subprotocolwebsockethandler'; nested exception java.lang.illegalargumentexception: no handlers @ org.springframework.context.support.defaultlifecycleprocessor.dostart(defaultlifecycleprocessor.java:176) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor.access$200(defaultlifecycleprocessor.java:51) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor$lifecyclegroup.start(defaultlifecycleprocessor.java:346) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.s...
Read more

methods - python can't use function in submodule -

-
my folder structure this: pythonstuff/ program.py modulea/ __init__.py foo.py bar.py here's code bar.py : def hello(): print("hello, world!") here's code program.py : #!/usr/bin/env python3 modulea import bar bar.hello() i run $ python3 program.py somehow error: file "program.py", line 3, in <module> bar.hello() attributeerror: 'module' object has no attribute 'hello' edit: __init__.py file empty. edit2: after trying realized had bar.py in root directory contained hello() method. bar.py in modulea/ directory empty. add it import os __all__ = [] module in os.listdir(os.path.dirname(__file__)): if module != '__init__.py' , module[-3:] == '.py': __all__.append(module[:-3]) the init .py files required make python treat directories containing packages; done prevent directories common name, such string, unintentionally hiding v...
Read more