Java Script variable zu weisen

[peer (Gast)]

hallo,
Ich spiele ein bischen in den Beispielen , so nun meine Frage wie kann 
ich eine Variable zu weisen.

Wenn ich jetzt  im //JS SCRIPT
colors:{plate:"#222" so schreibe dann wird mir auch die richtige Farbe 
angezeuigt.

aber so eben nicht //JS SCRIPT
colors:{plate:data-color-plate
Was mache ich hier falsch

  <canvas id="t1" data-color-plate="#00FFFF"
                  data-title="WOHN" 
          data-units="Temp. &deg;C" width="350" height="350" 
          data-major-ticks="0 10 20 30 40 50" 
          data-type="canv-gauge" 
          data-min-value="0" 
          data-max-value="50" 
          data-highlights="0 5 #AFEEEE, 5 22 #00FF00, 22 30 #FFA500, 30 40 #FF0000, 40 50 #B22222" 
          data-color-plate="#222"
          data-onready="setInterval( function() { Gauge.Collection.get('t1').setValue(data_t[0]);}, 200);">
                  </canvas>

//JS SCRIPT
colors:{plate:data-color-plate,
majorTicks:"#444",
minorTicks:"#666",
title:"#888",
units:"#888",
numbers:"#444",n
eedle:{start:"rgba(240, 128, 128, 1)",
end:"rgba(255, 160, 122, .9)"}},
highlights:[{from:20,to:60,color:"#eee"},
{from:60,to:80,color:"#ccc"},
{from:80,to:100,color:"#999"}]};
var y=0,E=this,n=0,I=0,H=!1;this.setValue=

[Cyblord -. (Gast)]

Du musst das data-Attribut auswerten.

[peer (Gast)]

Abradolf L. schrieb:
> Du musst das data-Attribut auswerten.


könnten sie mir kurz unter die Arme greifen wie das richtig gemacht 
wird.

    domReady(function()
     {
      function b(b)
       {
        for(var e=b[0],d=1,g=b.length;d<g;d++)e+=b[d].substr(0,1).toUpperCase()+b[d].substr(1,b[d].length-1);
      return e
       }
       for(var l=document.getElementsByTagName("canvas"),q=0,v=l.length;q<v;q++)
        if("canv-gauge"==l[q].getAttribute("data-type"))
       {
        var k=l[q],e={},g,p=parseInt(k.getAttribute("width"),10),w=parseInt(k.getAttribute("height"),10);
        e.renderTo=k;
        p&&(e.width=p);
        w&&(e.height=w);
        p=0;
        for(w=k.attributes.length;p<w;p++)
        if(g=k.attributes.item(p).nodeName,"data-type"!=g&&"data-"==g.substr(0,5))
         {
          var d=g.substr(5,g.length-5).toLowerCase().split("-");
         if(g=k.getAttribute(g))switch(d[0])
          {
           case "colors":d[1]&&(e.colors||(e.colors={}),"needle"==d[1]?(d=g.split(/\s+/),e.colors.needle=d[0]&&d[1]?{start:d[0],end:d[1]}:g):(d.shift(),e.colors[b(d)]=g));
           break;
           case "highlights":e.highlights||(e.highlights=[]);
           g=g.match(/(?:(?:-?\d*\.)?(-?\d+){1,2} ){2}(?:(?:#|0x)?(?:[0-9A-F|a-f]){3,8}|rgba?\(.*?\))/g);
           for(var d=0,J=g.length;d<J;d++)
            {
           var s=g[d].replace(/^\s+|\s+$/g,"").split(/\s+/),x={};
                     s[0]&&""!=s[0]&&(x.from=s[0]);
           s[1]&&""!=s[1]&&(x.to=s[1]);
           s[2]&&""!=s[2]&&(x.color=s[2]);
           e.highlights.push(x)
          }
          break;
          case "animation":d[1]&&(e.animation||(e.animation={}),"fn"==d[1]&&/^\s*function\s*\(/.test(g)&&(g=eval("("+g+")")),e.animation[d[1]]=g);
          break;
          default:d=b(d);
          if("onready"==d)
          continue;
          if("majorTicks"==d)g=g.split(/\s+/);
          else if("strokeTicks"==d||"glow"==d)g="true"==g?!0:!1;
          else if("valueFormat"==d)
          if(g=g.split("."),2==g.length)g={"int":parseInt(g[0],10),dec:parseInt(g[1],10)};
          else continue;
                    e[d]=g}}e=new Gauge(e);
          k.getAttribute("data-value")&&e.setRawValue(parseFloat(k.getAttribute("data-value")));
          k.getAttribute("data-onready")&&(e.onready=function()
           { 
            eval(this.config.renderTo.getAttribute("data-onready"))});
            e.draw()}});
          window.Gauge=Gauge;
                <!-- Gauge Code Ends -->

[peer (Gast)]

Könnte mir vielleicht jemand von ihnen erklären oder zeigen wie ich das 
"data Attribut" auswerte.